@extends('admin.layouts.app')
@section('title', $student->name)

@section('content')
<div class="flex items-center justify-between mb-6">
    <div>
        <a href="{{ route('admin.students.index') }}" class="text-indigo-500 text-sm hover:underline">← Students</a>
        <h1 class="text-2xl font-bold text-gray-800 mt-1">{{ $student->name }}</h1>
        <p class="text-gray-400 text-sm">{{ $student->email }}</p>
    </div>
    <div class="flex gap-2">
        <a href="{{ route('admin.students.edit', $student) }}"
           class="border border-indigo-400 text-indigo-600 px-4 py-2 rounded-lg text-sm hover:bg-indigo-50">
            ✏️ Edit
        </a>
        <form method="POST" action="{{ route('admin.students.destroy', $student) }}"
              onsubmit="return confirm('Permanently remove {{ $student->name }} from the system?')">
            @csrf @method('DELETE')
            <button class="bg-red-50 border border-red-300 text-red-600 px-4 py-2 rounded-lg text-sm hover:bg-red-100">
                🗑️ Remove
            </button>
        </form>
    </div>
</div>

<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">

    {{-- Column 1: Student Info + Barcode --}}
    <div class="bg-white rounded-xl shadow p-6 space-y-3">
        <h2 class="font-bold text-gray-700 border-b pb-2 mb-3">Student Details</h2>

        @foreach([
            ['Student ID',  $student->student_id ?? '—'],
            ['Phone',       $student->phone ?? '—'],
            ['Course',      $student->course ?? '—'],
            ['Year Level',  $student->year_level ?? '—'],
            ['Section',     $student->section ?? 'Unassigned'],
            ['Registered',  $student->created_at->format('M d, Y')],
            ['Account',     $student->is_active ? 'Active' : 'Inactive'],
            ['Attendance',  $student->attendances_count . ' records'],
        ] as [$label, $value])
        <div class="flex justify-between text-sm">
            <span class="text-gray-400">{{ $label }}</span>
            <span class="font-medium text-gray-800 text-right">{{ $value }}</span>
        </div>
        @endforeach

        {{-- Barcode --}}
        <div class="pt-4 text-center border-t">
            <img src="{{ $barcode }}" alt="Barcode for {{ $student->name }}" class="mx-auto max-w-full">
            <p class="font-mono text-xs text-gray-400 mt-1">{{ $student->barcode }}</p>
            <form method="POST" action="{{ route('admin.students.regenerate-barcode', $student) }}" class="mt-2">
                @csrf
                <button class="text-xs text-indigo-500 hover:underline">🔄 Regenerate Barcode</button>
            </form>
        </div>
    </div>

    {{-- Column 2: Subscription Toggle --}}
    <div class="bg-white rounded-xl shadow p-6 space-y-5">
        <h2 class="font-bold text-gray-700 border-b pb-2">Subscription</h2>

        {{-- Current Status Card --}}
        <div class="rounded-xl p-4 {{ $student->isSubscriptionActive() ? 'bg-green-50 border border-green-200' : 'bg-red-50 border border-red-200' }}">
            <div class="flex items-center gap-2">
                <span class="text-lg">{{ $student->isSubscriptionActive() ? '✅' : '❌' }}</span>
                <div>
                    <div class="font-semibold text-sm {{ $student->isSubscriptionActive() ? 'text-green-700' : 'text-red-700' }}">
                        {{ ucfirst($student->payment_status) }}
                    </div>
                    <div class="text-xs text-gray-500">Tier: <strong>{{ ucfirst($student->tier) }}</strong></div>
                </div>
            </div>
            @if($student->expires_at)
            <div class="text-xs text-gray-500 mt-2">
                Expires: {{ $student->expires_at->format('M d, Y') }}
                @if($student->isSubscriptionActive())
                    · <span class="text-green-600 font-medium">{{ $student->daysUntilExpiry() }} days remaining</span>
                @endif
            </div>
            @endif
        </div>

        {{-- TOGGLE ON: Activate 30-day --}}
        <form method="POST" action="{{ route('admin.students.activate', $student) }}">
            @csrf
            <label class="block text-xs font-medium text-gray-500 mb-1">Activate 30-Day Subscription</label>
            <div class="flex gap-2">
                <select name="tier" class="flex-1 border rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-green-400">
                    @foreach($tiers as $t)
                        <option value="{{ $t->slug }}" {{ $student->tier === $t->slug ? 'selected' : '' }}>
                            {{ $t->name }} — ₦{{ $t->price }}
                        </option>
                    @endforeach
                </select>
                <button type="submit"
                    class="bg-green-600 text-white px-4 py-2 rounded-lg text-sm font-semibold hover:bg-green-700 whitespace-nowrap">
                    ✅ Activate
                </button>
            </div>
            <p class="text-xs text-gray-400 mt-1">Sets expiry to 30 days from today.</p>
        </form>

        {{-- TOGGLE OFF: Deactivate --}}
        @if($student->isSubscriptionActive())
        <form method="POST" action="{{ route('admin.students.deactivate', $student) }}"
              onsubmit="return confirm('Deactivate this subscription immediately?')">
            @csrf
            <button class="w-full bg-red-50 border border-red-300 text-red-600 px-4 py-2 rounded-lg text-sm hover:bg-red-100 font-medium">
                🚫 Deactivate Subscription
            </button>
        </form>
        @endif

        {{-- Record Manual Payment --}}
        <details class="border rounded-xl">
            <summary class="px-4 py-3 text-sm font-medium cursor-pointer text-gray-600 hover:bg-gray-50 rounded-xl">
                💳 Record Manual Payment
            </summary>
            <form method="POST" action="{{ route('admin.students.payment', $student) }}"
                  class="px-4 pb-4 pt-2 space-y-2 border-t">
                @csrf
                <select name="payment_tier_id" class="w-full border rounded-lg px-3 py-2 text-sm" required>
                    @foreach($tiers as $t)
                        <option value="{{ $t->id }}">{{ $t->name }} — ₦{{ $t->price }}</option>
                    @endforeach
                </select>
                <select name="payment_method" class="w-full border rounded-lg px-3 py-2 text-sm" required>
                    <option value="cash">Cash</option>
                    <option value="card">Card</option>
                    <option value="bank_transfer">Bank Transfer</option>
                    <option value="online">Online</option>
                </select>
                <input type="text" name="notes" placeholder="Notes (optional)"
                       class="w-full border rounded-lg px-3 py-2 text-sm">
                <button class="w-full bg-indigo-600 text-white py-2 rounded-lg text-sm hover:bg-indigo-700 font-medium">
                    Record Payment
                </button>
            </form>
        </details>

        {{-- Payment History --}}
        <div>
            <h3 class="text-xs font-semibold text-gray-500 uppercase mb-2">Payment History</h3>
            <div class="space-y-2 max-h-40 overflow-y-auto">
                @forelse($payments as $pay)
                <div class="text-xs border rounded-lg p-2 bg-gray-50">
                    <div class="font-semibold text-gray-700">{{ $pay->tier->name ?? '—' }} — ₦{{ $pay->amount }}</div>
                    <div class="text-gray-400">
                        {{ $pay->paid_at?->format('M d, Y') }}
                        · {{ ucfirst(str_replace('_', ' ', $pay->payment_method)) }}
                    </div>
                    <div class="font-mono text-gray-300">{{ $pay->reference }}</div>
                </div>
                @empty
                    <p class="text-gray-400 text-xs">No payment records.</p>
                @endforelse
            </div>
        </div>
    </div>

    {{-- Column 3: Move Student --}}
    <div class="bg-white rounded-xl shadow p-6 space-y-5">
        <h2 class="font-bold text-gray-700 border-b pb-2">Move to Section</h2>

        <form method="POST" action="{{ route('admin.students.move', $student) }}">
            @csrf
            <label class="block text-xs text-gray-400 mb-1">
                Currently in: <strong>{{ $student->section ?? 'Unassigned' }}</strong>
            </label>
            <select name="section" class="w-full border rounded-lg px-3 py-2 text-sm mb-3 focus:outline-none focus:ring-2 focus:ring-indigo-400">
                <option value="">— Unassign —</option>
                @foreach($sections as $sec)
                    <option value="{{ $sec->name }}" {{ $student->section === $sec->name ? 'selected' : '' }}>
                        {{ $sec->name }}
                    </option>
                @endforeach
            </select>
            <button class="w-full bg-indigo-600 text-white py-2 rounded-lg text-sm hover:bg-indigo-700 font-medium">
                📦 Move Student
            </button>
        </form>
    </div>
</div>

{{-- Attendance Log --}}
<div class="bg-white rounded-xl shadow mt-6 p-6">
    <h2 class="font-bold text-gray-700 mb-4">📅 Attendance Log</h2>
    <table class="min-w-full text-sm">
        <thead class="bg-gray-50 text-xs text-gray-500 uppercase">
            <tr>
                <th class="px-4 py-2 text-left">Date</th>
                <th class="px-4 py-2 text-left">Check-In</th>
                <th class="px-4 py-2 text-left">Check-Out</th>
                <th class="px-4 py-2 text-left">Duration</th>
                <th class="px-4 py-2 text-left">Status</th>
            </tr>
        </thead>
        <tbody class="divide-y divide-gray-100">
            @forelse($attendances as $a)
            <tr class="hover:bg-gray-50">
                <td class="px-4 py-2 text-gray-600">{{ $a->checked_in_at->format('M d, Y') }}</td>
                <td class="px-4 py-2 text-gray-600">{{ $a->checked_in_at->format('H:i:s') }}</td>
                <td class="px-4 py-2 text-gray-600">{{ $a->checked_out_at ? $a->checked_out_at->format('H:i:s') : '—' }}</td>
                <td class="px-4 py-2 text-gray-400 text-xs">{{ $a->duration ?? '—' }}</td>
                <td class="px-4 py-2">
                    <span class="px-2 py-0.5 rounded-full text-xs font-medium
                        {{ $a->status === 'present' ? 'bg-green-100 text-green-700' :
                           ($a->status === 'late'   ? 'bg-yellow-100 text-yellow-700' :
                                                      'bg-red-100 text-red-700') }}">
                        {{ ucfirst($a->status) }}
                    </span>
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="5" class="px-4 py-8 text-center text-gray-400">No attendance records yet.</td>
            </tr>
            @endforelse
        </tbody>
    </table>
    <div class="mt-3">{{ $attendances->links() }}</div>
</div>
@endsection