@extends('layouts.app')

@section('content')
    <div>
        <div class="d-flex justify-content-between align-items-center mb-3">
            <h1 class="h5 mb-0 text-uppercase">Renewals</h1>
        </div>

        {{-- Filters --}}
        <form method="get" class="row g-2 align-items-end mb-3">
            <div class="col-md-4">
                <label class="form-label small text-muted">Search</label>
                <input type="text" name="q" value="{{ request('q') }}" class="form-control"
                    placeholder="Permit No., Type, Status, Remarks">
            </div>
            <div class="col-md-2">
                <label class="form-label small text-muted">Tax Year</label>
                <input type="number" name="year" value="{{ request('year') }}" class="form-control" min="2000"
                    max="{{ now()->year + 1 }}">
            </div>
            <div class="col-md-3">
                <button type="submit" class="btn btn-outline-secondary">Filter</button>
                <a href="{{ route('applications.index') }}" class="btn btn-link">Reset</a>
            </div>
        </form>

        <div class="card shadow-sm rounded-3">
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-striped table-hover align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                <th class="bg-success text-white">Permit No.</th>
                                <th class="bg-success text-white">Type</th>
                                <th class="bg-success text-white">Tax Year</th>
                                <th class="bg-success text-white">Filed</th>
                                <th class="bg-success text-white">Status</th>
                                <th class="bg-success text-white d-none d-md-table-cell">Remarks</th>
                                <th class="bg-success text-white">Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($apps as $a)
                                <tr>
                                    <td class="fw-semibold">{{ $a->permit_no ?? '—' }}</td>
                                    <td>{{ $a->type }}</td>
                                    <td>{{ $a->tax_year }}</td>
                                    <td>{{ optional($a->filed_at)->format('Y-m-d') ?? '—' }}</td>
                                    <td>
                                        @php
                                            $status = strtoupper((string) $a->status);
                                            $cls = match ($status) {
                                                'DRAFT' => 'bg-secondary',
                                                'SUBMITTED' => 'bg-info',
                                                'FOR_ASSESSMENT' => 'bg-warning text-dark',
                                                'ASSESSSED' => 'bg-warning text-dark',
                                                'BILLED' => 'bg-warning text-dark',
                                                'PARTIALLY_PAID' => 'bg-primary',
                                                'PAID' => 'bg-success',
                                                'FOR_INSPECTION' => 'bg-warning text-dark',
                                                'APPROVED' => 'bg-success',
                                                'RELEASED' => 'bg-success',
                                                'REJECTED' => 'bg-danger',
                                                'CANCELLED' => 'bg-dark',
                                                default => 'bg-light text-dark',
                                            };
                                        @endphp
                                        <span class="badge {{ $cls }}">{{ $a->status }}</span>
                                    </td>
                                    <td class="d-none d-md-table-cell text-truncate" style="max-width:280px;">
                                        {{ $a->remarks ?? '—' }}
                                    </td>
                                    <td class="text-end">
                                        <a href="{{ route('applications.detail', $a->id) }}"
                                            class="btn btn-sm btn-outline-secondary">View</a>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="7" class="text-center text-muted py-4">No applications yet.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="card-footer bg-light">
                {{ $apps->onEachSide(1)->links() }}
            </div>
        </div>
    </div>
@endsection