@extends('layouts.staff')

@section('title', '👤 Patron Details › Koha Staff')

@section('breadcrumb-trail')
    <span class="sep">›</span>
    <a href="{{ route('staff.patrons') }}">Patrons</a>
    <span class="sep">›</span>
    <span>{{ $patron->firstname }} {{ $patron->surname }}</span>
@endsection

@section('content')
<div style="width:100%; display:flex; flex-direction:column;">
    @if(session('success'))
        <div style="background:#d4edda; color:#155724; border:1px solid #c3e6cb; padding:10px; margin-bottom:12px; border-radius:3px; font-size:13px;">
            {{ session('success') }}
        </div>
    @endif

    @if($isExpired)
        <div style="background:#f8d7da; color:#721c24; border:1px solid #f5c6cb; padding:10px; margin-bottom:12px; border-radius:3px; font-size:13px; display:flex; justify-content:space-between; align-items:center;">
            <span>⚠️ <strong>ACCOUNT EXPIRED:</strong> This patron account expired on <strong>{{ \Carbon\Carbon::parse($patron->expiry_date)->format('d/m/Y') }}</strong>. Login and checkout are blocked.</span>
            <form action="{{ route('staff.patrons.renew', $patron->id) }}" method="POST" style="margin:0;">
                @csrf
                <button type="submit" class="form-btn primary" style="padding:4px 12px; font-size:12px; background:#28a745; border-color:#28a745;">🔄 Renew Account (+4 Years)</button>
            </form>
        </div>
    @endif

    <div class="checkout-panel" style="display: flex; justify-content: space-between; align-items: flex-start; gap: 20px;">
        <div style="display:flex; gap:16px; align-items:flex-start;">
            <div style="width:84px; height:84px; border-radius:6px; overflow:hidden; border:2px solid #cbd5e1; flex-shrink:0; background:#f8fafc; box-shadow:0 1px 3px rgba(0,0,0,0.1);">
                @php
                    $passportSrc = (!empty($patron->passport) && file_exists(public_path($patron->passport)))
                        ? asset($patron->passport)
                        : asset('images/default-avatar.svg');
                @endphp
                <img src="{{ $passportSrc }}" alt="{{ $patron->firstname }} {{ $patron->surname }}" style="width:100%; height:100%; object-fit:cover;">
            </div>
            <div>
                <h2 style="font-size: 16px; color:#1b4880; margin-bottom:4px;">{{ $patron->surname }}, {{ $patron->firstname }}</h2>
                <div style="font-size:12px; color:#555; line-height:1.6;">
                    Card number: <strong>{{ $patron->cardnumber }}</strong> | 
                    Username: <strong>{{ $patron->username ?? 'N/A' }}</strong> | 
                    Email: <strong>{{ $patron->email ?? 'N/A' }}</strong><br>
                    Category: <strong>{{ $patron->category_name }}</strong> | 
                    Library: <strong>{{ $patron->library_name }}</strong><br>
                    Expiry Date: 
                    @if($isExpired)
                        <span style="color:#dc3545; font-weight:bold;">⚠️ {{ \Carbon\Carbon::parse($patron->expiry_date)->format('d/m/Y') }} (Expired)</span>
                    @else
                        <span style="color:#28a745; font-weight:bold;">✓ {{ !empty($patron->expiry_date) ? \Carbon\Carbon::parse($patron->expiry_date)->format('d/m/Y') : 'Never (Exempt)' }}</span>
                    @endif
                    @if($permissions && $permissions->superlibrarian)
                        <span style="background:#ffc107; color:#212529; font-weight:bold; font-size:10px; padding:2px 6px; border-radius:3px; margin-left:6px;">👑 Superlibrarian (Exempt from Expiry)</span>
                    @endif
                </div>
            </div>
        </div>
        <div style="display:flex; gap:6px; flex-wrap:wrap; align-items:flex-start;">
            @if(!$isExpired)
                <a href="{{ route('staff.circulation', ['patron_card' => $patron->cardnumber]) }}" class="form-btn primary" style="text-decoration:none;">Check out</a>
            @endif
            
            <a href="{{ route('staff.patrons.edit', $patron->id) }}" class="form-btn" style="text-decoration:none; background:#3b82f6; color:#fff; border-color:#2563eb; font-weight:bold;">✏️ Edit Patron</a>

            <form action="{{ route('staff.patrons.renew', $patron->id) }}" method="POST" style="margin:0; display:inline;">
                @csrf
                <button type="submit" class="form-btn" style="background:#17a2b8; color:#fff; border-color:#17a2b8; font-weight:bold;">🔄 Renew (+4 Years)</button>
            </form>

            <a href="{{ route('staff.patrons.permissions', $patron->id) }}" class="form-btn" style="text-decoration:none; background:#ffc107; color:#212529; border-color:#ffc107; font-weight:bold;">👑 Role & Permissions</a>
        </div>
    </div>

    {{-- Custom Expiration Date Renewal Box --}}
    <div class="checkout-panel" style="background:#f9f9f9;">
        <h4 style="margin-top:0; margin-bottom:8px; color:#1b4880;">📅 Quick Expiration Renewal</h4>
        <form action="{{ route('staff.patrons.renew', $patron->id) }}" method="POST" style="display:flex; gap:10px; align-items:center; flex-wrap:wrap;">
            @csrf
            <label style="font-size:12px; font-weight:bold;">Select Custom Expiration Date:</label>
            <input class="form-input" name="expiry_date" type="date" value="{{ \Carbon\Carbon::now()->addYears(4)->format('Y-m-d') }}" style="width:160px;">
            <button type="submit" class="form-btn primary" style="padding:4px 12px;">Save Expiration Date</button>
        </form>
    </div>

    <div class="checkout-panel">
        <h3>Current Checkouts ({{ count($checkouts) }})</h3>
        <table class="items-table">
            <thead>
                <tr>
                    <th>Title</th>
                    <th>Barcode</th>
                    <th>Date Due</th>
                </tr>
            </thead>
            <tbody>
                @forelse($checkouts as $checkout)
                    <tr>
                        <td>{{ $checkout->title }}</td>
                        <td>{{ $checkout->barcode }}</td>
                        <td>{{ $checkout->date_due }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="3" style="text-align:center; color:#777; padding:10px;">Patron has no items checked out.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    {{-- Admin Password Reset --}}
    <div class="checkout-panel" style="background:#fff8f0;">
        <h4 style="margin-top:0; margin-bottom:10px; color:#856404;">🔑 Admin: Reset Patron Password</h4>
        <form action="{{ route('staff.patrons.reset-password', $patron->id) }}" method="POST" style="display:flex; gap:10px; align-items:center; flex-wrap:wrap;">
            @csrf
            <label style="font-size:12px; font-weight:bold;">New Password:</label>
            <input class="form-input" name="new_password" type="password" required minlength="4" placeholder="Enter new password..." style="width:200px;">
            <button type="submit" class="form-btn primary" style="padding:5px 14px; background:#e67e22; border-color:#d35400;" onclick="return confirm('Are you sure you want to reset the password for {{ $patron->firstname }} {{ $patron->surname }}?')">🔑 Reset Password</button>
        </form>
        <div style="font-size:11px; color:#888; margin-top:6px;">This will immediately change the patron's password. They will need to use the new password to log in.</div>
    </div>

    <a href="{{ route('staff.patrons') }}" class="form-btn" style="width:120px; text-align:center;">← Back to List</a>
</div>
@endsection