@extends('layouts.app')
@section('title', 'Sozlesmelerim')
@section('page-title', 'Sozlesmelerim')

@section('content')
@forelse($contracts as $contract)
    @php
        $currency = $contract->currency ?? $defaultCurrency;
        $academicYear = $contract->academicYear;
        $installmentCount = $contract->installments->count();
        $paidInstallments = $contract->installments->where('is_paid', true)->count();
        $totalPaid = $contract->payments->sum('payment_amount');
        $remaining = (float)$contract->amount - $totalPaid;
        $paymentPercent = $contract->amount > 0 ? round(($totalPaid / (float)$contract->amount) * 100, 1) : 0;
        $unpaidCharges = $contract->charges->filter(fn($c) => $c->remaining > 0);
        $totalCharges = $contract->charges->sum('amount');
        $isActive = $contract->status == 2;

        $termText = match($student?->registration_term) {
            1 => 'Guz Donemi',
            2 => 'Bahar Donemi',
            3 => 'Yaz Donemi',
            4 => 'Tam Yil',
            default => null,
        };
    @endphp

    <div class="bg-white dark:bg-gray-800 rounded-2xl shadow-sm border {{ $isActive ? 'border-blue-100 dark:border-blue-900/50' : 'border-gray-100 dark:border-gray-700' }} mb-5 overflow-hidden">
        {{-- Header --}}
        <div class="px-6 py-4 flex items-center justify-between {{ $isActive ? 'bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-blue-900/30 dark:to-indigo-900/30' : 'bg-gray-50/50 dark:bg-gray-700/50' }} border-b border-gray-100 dark:border-gray-700">
            <div class="flex items-center gap-3">
                <div class="w-10 h-10 rounded-xl {{ $isActive ? 'bg-blue-500' : 'bg-gray-400' }} flex items-center justify-center">
                    <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
                </div>
                <div>
                    <h2 class="text-base font-semibold text-gray-800 dark:text-gray-100">Sozlesme #{{ $contract->source_id }}</h2>
                    <div class="flex items-center gap-2 mt-0.5 flex-wrap">
                        @if($academicYear)
                            <span class="text-xs text-gray-500 dark:text-gray-400">{{ $academicYear->name }}</span>
                        @endif
                        @if($termText)
                            <span class="text-gray-300">|</span>
                            <span class="text-xs text-gray-500 dark:text-gray-400">{{ $termText }}</span>
                        @endif
                        @if($contract->room)
                            <span class="text-gray-300">|</span>
                            <span class="inline-flex items-center gap-1 text-xs text-violet-600 font-medium">
                                <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/></svg>
                                {{ $contract->room->building?->name }} / {{ $contract->room->room_number }}
                            </span>
                        @endif
                    </div>
                </div>
            </div>
            <div class="flex items-center gap-2">
                @if($isActive)
                    <span class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full text-xs font-semibold bg-emerald-50 text-emerald-700 ring-1 ring-inset ring-emerald-600/10">
                        <span class="w-1.5 h-1.5 rounded-full bg-emerald-500"></span>
                        {{ $contract->status_text }}
                    </span>
                @else
                    @php
                        $statusStyles = [
                            'green' => 'bg-emerald-50 text-emerald-700 ring-emerald-600/10',
                            'blue' => 'bg-blue-50 text-blue-700 ring-blue-600/10',
                            'red' => 'bg-red-50 text-red-700 ring-red-600/10',
                            'yellow' => 'bg-amber-50 text-amber-700 ring-amber-600/10',
                            'orange' => 'bg-orange-50 text-orange-700 ring-orange-600/10',
                            'gray' => 'bg-gray-50 text-gray-600 ring-gray-500/10',
                        ];
                        $style = $statusStyles[$contract->status_color] ?? $statusStyles['gray'];
                    @endphp
                    <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold ring-1 ring-inset {{ $style }}">
                        {{ $contract->status_text }}
                    </span>
                @endif
            </div>
        </div>

        {{-- Body --}}
        <div class="p-6">
            {{-- Info Grid --}}
            <div class="grid grid-cols-2 sm:grid-cols-4 gap-4 mb-5">
                <div>
                    <p class="text-[11px] font-semibold text-gray-400 dark:text-gray-500 uppercase tracking-wider">Sozlesme Tutari</p>
                    <p class="text-lg font-bold text-gray-800 dark:text-gray-100 mt-1">@money($contract->amount, $currency)</p>
                    <p class="text-[11px] text-gray-400 dark:text-gray-500">{{ $currency->code ?? 'TRY' }}</p>
                </div>
                <div>
                    <p class="text-[11px] font-semibold text-gray-400 dark:text-gray-500 uppercase tracking-wider">Odenen</p>
                    <p class="text-lg font-bold text-emerald-600 mt-1">@money($totalPaid, $currency)</p>
                    <p class="text-[11px] text-gray-400 dark:text-gray-500">%{{ $paymentPercent }}</p>
                </div>
                <div>
                    <p class="text-[11px] font-semibold text-gray-400 dark:text-gray-500 uppercase tracking-wider">Kalan Borc</p>
                    <p class="text-lg font-bold {{ $remaining > 0 ? 'text-red-500' : 'text-emerald-600' }} mt-1">@money($remaining, $currency)</p>
                    @if($totalCharges > 0)
                        <p class="text-[11px] text-orange-400">+@money($totalCharges, $currency) ek ucret</p>
                    @endif
                </div>
                <div>
                    <p class="text-[11px] font-semibold text-gray-400 dark:text-gray-500 uppercase tracking-wider">Taksit Durumu</p>
                    <p class="text-lg font-bold text-gray-800 dark:text-gray-100 mt-1">{{ $paidInstallments }}/{{ $installmentCount }}</p>
                    <p class="text-[11px] text-gray-400 dark:text-gray-500">taksit odendi</p>
                </div>
            </div>

            {{-- Progress Bar --}}
            <div class="mb-5">
                <div class="w-full h-2.5 bg-gray-100 dark:bg-gray-700 rounded-full overflow-hidden">
                    <div class="h-full rounded-full transition-all duration-500 {{ $paymentPercent >= 100 ? 'bg-emerald-500' : ($paymentPercent >= 50 ? 'bg-blue-500' : 'bg-orange-400') }}"
                         style="width: {{ min($paymentPercent, 100) }}%"></div>
                </div>
            </div>

            {{-- Date Details --}}
            <div class="grid grid-cols-2 sm:grid-cols-4 gap-4 pt-4 border-t border-gray-100 dark:border-gray-700">
                <div>
                    <p class="text-[11px] font-semibold text-gray-400 dark:text-gray-500 uppercase tracking-wider">Sozlesme Tarihi</p>
                    <p class="text-sm font-medium text-gray-700 dark:text-gray-200 mt-1">{{ $contract->contract_date->format('d.m.Y') }}</p>
                </div>
                <div>
                    <p class="text-[11px] font-semibold text-gray-400 dark:text-gray-500 uppercase tracking-wider">Baslangic</p>
                    <p class="text-sm font-medium text-gray-700 dark:text-gray-200 mt-1">{{ $contract->start_date->format('d.m.Y') }}</p>
                </div>
                <div>
                    <p class="text-[11px] font-semibold text-gray-400 dark:text-gray-500 uppercase tracking-wider">Bitis</p>
                    <p class="text-sm font-medium text-gray-700 dark:text-gray-200 mt-1">{{ $contract->end_date->format('d.m.Y') }}</p>
                </div>
                <div>
                    @if($contract->actual_check_in_date)
                        <p class="text-[11px] font-semibold text-gray-400 dark:text-gray-500 uppercase tracking-wider">Giris Tarihi</p>
                        <p class="text-sm font-medium text-gray-700 dark:text-gray-200 mt-1">{{ $contract->actual_check_in_date->format('d.m.Y') }}</p>
                    @elseif($contract->actual_check_out_date)
                        <p class="text-[11px] font-semibold text-gray-400 dark:text-gray-500 uppercase tracking-wider">Cikis Tarihi</p>
                        <p class="text-sm font-medium text-gray-700 dark:text-gray-200 mt-1">{{ $contract->actual_check_out_date->format('d.m.Y') }}</p>
                    @endif
                </div>
            </div>

            {{-- Special Notes --}}
            @if($contract->special_notes)
                <div class="mt-4 p-3 bg-amber-50 dark:bg-amber-900/30 rounded-xl border border-amber-100 dark:border-amber-800/50">
                    <div class="flex items-start gap-2">
                        <svg class="w-4 h-4 text-amber-400 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
                        <p class="text-sm text-amber-700">{{ $contract->special_notes }}</p>
                    </div>
                </div>
            @endif

            {{-- Unpaid Charges Warning --}}
            @if($unpaidCharges->count() > 0)
                <div class="mt-4 p-3 bg-red-50 dark:bg-red-900/30 rounded-xl border border-red-100 dark:border-red-800/50">
                    <div class="flex items-center gap-2 mb-2">
                        <svg class="w-4 h-4 text-red-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L4.082 16.5c-.77.833.192 2.5 1.732 2.5z"/></svg>
                        <span class="text-xs font-semibold text-red-600">{{ $unpaidCharges->count() }} adet odenmemis ek ucret</span>
                    </div>
                    @foreach($unpaidCharges as $charge)
                        <div class="flex items-center justify-between text-xs {{ !$loop->last ? 'mb-1' : '' }}">
                            <span class="text-red-600">{{ $charge->charge_type_text }}</span>
                            <span class="font-semibold text-red-700">@money($charge->remaining, $currency)</span>
                        </div>
                    @endforeach
                </div>
            @endif
        </div>
    </div>
@empty
    <div class="bg-white dark:bg-gray-800 rounded-2xl shadow-sm border border-gray-100 dark:border-gray-700 p-12 text-center">
        <svg class="w-16 h-16 text-gray-200 mx-auto mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
        <p class="text-gray-400 dark:text-gray-500 text-sm">Henuz sozlesmeniz bulunmuyor.</p>
    </div>
@endforelse
@endsection