@extends('layouts.app')

@section('title', 'Fee ' . $fee->fee_reference)

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2>
        <i class="bi bi-receipt"></i> {{ $fee->fee_reference }}
        @php($sc = ['pending' => 'warning', 'paid' => 'success', 'cancelled' => 'dark', 'waived' => 'secondary'][$fee->payment_status] ?? 'secondary')
        <span class="badge bg-{{ $sc }}">{{ ucfirst($fee->payment_status) }}</span>
    </h2>
    <div>
        @if($fee->isPaid())
        <a href="{{ route('fees.receipt', $fee) }}" class="btn btn-dark"><i class="bi bi-printer"></i> Print Receipt</a>
        <a href="{{ route('fees.receipt.pdf', $fee) }}" class="btn btn-danger"><i class="bi bi-file-earmark-pdf"></i> PDF</a>
        @endif
        @if(!$fee->isPaid() && auth()->user()->hasPermission('fees.edit'))
        <a href="{{ route('fees.edit', $fee) }}" class="btn btn-warning"><i class="bi bi-pencil"></i> Edit</a>
        @endif
        <a href="{{ route('fees.index') }}" class="btn btn-secondary"><i class="bi bi-arrow-left"></i> Back</a>
    </div>
</div>

<div class="row g-4">
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header fw-bold"><i class="bi bi-info-circle"></i> Fee Details</div>
            <div class="card-body">
                <dl class="row mb-0">
                    <dt class="col-sm-4">Vehicle</dt>
                    <dd class="col-sm-8">
                        @if($fee->vehicle)
                        <a href="{{ route('vehicles.show', $fee->vehicle) }}">{{ $fee->vehicle->license_plate }}</a>
                        <span class="text-muted">— {{ trim(($fee->vehicle->make ?? '') . ' ' . ($fee->vehicle->model ?? '')) }}</span>
                        @else
                        -
                        @endif
                    </dd>
                    <dt class="col-sm-4">Fee Type</dt><dd class="col-sm-8">{{ $fee->typeLabel() }}</dd>
                    <dt class="col-sm-4">Description</dt><dd class="col-sm-8">{{ $fee->description ?? '-' }}</dd>
                    <dt class="col-sm-4">Amount</dt><dd class="col-sm-8 fw-bold">{{ $fee->formattedAmount() }}</dd>
                    <dt class="col-sm-4">Due Date</dt><dd class="col-sm-8">{{ $fee->due_date?->format('d M Y') ?? '-' }}</dd>
                    <dt class="col-sm-4">Receipt No.</dt><dd class="col-sm-8">{{ $fee->receipt_number ?? '-' }}</dd>
                    <dt class="col-sm-4">Payment Method</dt><dd class="col-sm-8">{{ $fee->payment_method ? ucwords(str_replace('_', ' ', $fee->payment_method)) : '-' }}</dd>
                    <dt class="col-sm-4">Payment Reference</dt><dd class="col-sm-8">{{ $fee->payment_reference ?? '-' }}</dd>
                    <dt class="col-sm-4">Payer</dt><dd class="col-sm-8">{{ $fee->payer_name ?? '-' }}@if($fee->payer_phone) ({{ $fee->payer_phone }})@endif</dd>
                    <dt class="col-sm-4">Paid At</dt><dd class="col-sm-8">{{ $fee->paid_at?->format('d M Y H:i') ?? '-' }}</dd>
                    <dt class="col-sm-4">Collected By</dt><dd class="col-sm-8">{{ $fee->collector?->name ?? '-' }}</dd>
                    <dt class="col-sm-4">Notes</dt><dd class="col-sm-8">{{ $fee->notes ?? '-' }}</dd>
                </dl>
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        @if(!$fee->isPaid() && $fee->payment_status !== 'cancelled' && auth()->user()->hasPermission('fees.collect'))
        <div class="card mb-4">
            <div class="card-header fw-bold"><i class="bi bi-cash-coin"></i> Record Payment</div>
            <div class="card-body">
                <form method="POST" action="{{ route('fees.pay', $fee) }}">
                    @csrf
                    <div class="mb-2">
                        <label class="form-label">Payment Method</label>
                        <select name="payment_method" class="form-select" required>
                            @foreach(\App\Models\VehicleFee::PAYMENT_METHODS as $method)
                            <option value="{{ $method }}" {{ old('payment_method') === $method ? 'selected' : '' }}>{{ ucwords(str_replace('_', ' ', $method)) }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="mb-2">
                        <label class="form-label">Payment Reference</label>
                        <input type="text" name="payment_reference" class="form-control" value="{{ old('payment_reference') }}" placeholder="Txn / cheque no.">
                    </div>
                    <div class="mb-2">
                        <label class="form-label">Payer Name</label>
                        <input type="text" name="payer_name" class="form-control" value="{{ old('payer_name', $fee->vehicle?->owner_name) }}">
                    </div>
                    <div class="mb-2">
                        <label class="form-label">Payer Phone</label>
                        <input type="text" name="payer_phone" class="form-control" value="{{ old('payer_phone') }}">
                    </div>
                    <div class="mb-2">
                        <label class="form-label">Notes</label>
                        <textarea name="notes" class="form-control" rows="2">{{ old('notes') }}</textarea>
                    </div>
                    <button type="submit" class="btn btn-yellow w-100" onclick="return confirm('Record payment and issue receipt?')"><i class="bi bi-check-circle"></i> Collect &amp; Issue Receipt</button>
                </form>
            </div>
        </div>
        @endif

        <div class="card">
            <div class="card-header fw-bold"><i class="bi bi-gear"></i> Actions</div>
            <div class="card-body d-grid gap-2">
                @if(!$fee->isPaid() && $fee->payment_status !== 'cancelled' && auth()->user()->hasPermission('fees.edit'))
                <form method="POST" action="{{ route('fees.cancel', $fee) }}">
                    @csrf
                    <button class="btn btn-outline-warning w-100" onclick="return confirm('Cancel this fee?')"><i class="bi bi-slash-circle"></i> Cancel Fee</button>
                </form>
                @endif
                @if(!$fee->isPaid() && auth()->user()->hasPermission('fees.delete'))
                <form method="POST" action="{{ route('fees.destroy', $fee) }}">
                    @csrf @method('DELETE')
                    <button class="btn btn-outline-danger w-100" onclick="return confirm('Delete this fee? This cannot be undone.')"><i class="bi bi-trash"></i> Delete Fee</button>
                </form>
                @endif
                @if($fee->isPaid())
                <a href="{{ route('fees.receipt', $fee) }}" class="btn btn-yellow w-100"><i class="bi bi-printer"></i> Print Receipt</a>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection