@extends('admin.layouts.app')
@section('title', 'Applications')

@section('breadcrumb')
    <li class="breadcrumb-item active">Applications</li>
@endsection

@section('content')
    <div class="page-header">
        <div>
            <h1 class="page-title">Admission Applications</h1>
            <p class="page-subtitle">Review and process student applications</p>
        </div>
        <div class="col-md-2">
            <a href="{{ route('admin.applications.studentApplicationsExport') }}" class="btn btn-success w-100"> <i
                    class="bi bi-download me-1"></i>Export</a>
        </div>
    </div>

    <!-- FILTER BAR -->
    <div class="card mb-3">
        <div class="card-body py-3">
            <form method="GET" class="row g-2 align-items-end">
                <div class="col-md-3">
                    <label class="form-label mb-1">Search</label>
                    <input type="text" name="search" class="form-control" placeholder="Name, App No., Mobile..."
                        value="{{ request('search') }}">
                </div>
                <div class="col-md-2">
                    <label class="form-label mb-1">Status</label>
                    <select name="status" class="form-select">
                        <option value="">All Status</option>
                        @php
                            $statuses = [
                                'step1_complete' => 'Step 1 Completed',
                                'payment_completed' => 'Payment Completed',
                                'submitted' => 'Document Submitted',
                                'application_selected' => 'Shortlisted',
                                'verified' => 'Admitted',
                            ];
                        @endphp

                        @foreach ($statuses as $key => $label)
                            <option value="{{ $key }}" {{ request('status') == $key ? 'selected' : '' }}>
                                {{ $label }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-md-2">
                    <label class="form-label mb-1">Applied For</label>
                    <select name="applied_for" id="applied_for" class="form-select">
                        <option value="">All</option>
                        <option value="ug" {{ request('applied_for') == 'ug' ? 'selected' : '' }}>UG</option>
                        <option value="pg" {{ request('applied_for') == 'pg' ? 'selected' : '' }}>PG</option>
                    </select>
                </div>


                {{-- <div class="col-md-3">
                    <label class="form-label mb-1">Class</label>
                    <select name="class_id" class="form-select">
                        <option value="">All Classes</option>
                        @foreach ($classes as $class)
                            <option value="{{ $class->id }}" {{ request('class_id') == $class->id ? 'selected' : '' }}>
                                {{ $class->name }}
                            </option>
                        @endforeach
                    </select>
                </div> --}}
                <div class="col-md-2">
                    <button type="submit" class="btn btn-primary w-100">
                        <i class="bi bi-search me-1"></i> Filter
                    </button>
                </div>
                <div class="col-md-2">
                    <a href="{{ route('admin.applications.index') }}" class="btn btn-outline-secondary w-100">Clear</a>
                </div>
            </form>
        </div>
    </div>

    <!-- STATUS PILLS -->
    <div class="d-flex gap-2 mb-3 flex-wrap">
        @php
            $statuses = [
                'step1_complete' => ['primary', 'Step 1 Completed'],
                'payment_completed' => ['info', 'Payment Completed'],
                'submitted' => ['warning', 'Document Submitted'],
                'application_selected' => ['success', 'Shortlisted'],
                'verified' => ['secondary', 'Admitted'],
            ];
        @endphp

        @foreach ($statuses as $key => [$color, $label])
            <a href="{{ route('admin.applications.index') }}?status={{ $key }}"
                class="btn btn-sm {{ request('status') == $key ? 'btn-' . $color : 'btn-outline-' . $color }}">
                {{ $label }}
            </a>
        @endforeach
    </div>


    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <span>Applications <span class="badge bg-secondary ms-1">{{ $applications->total() }}</span></span>
            <small class="text-muted">{{ $applications->firstItem() }}–{{ $applications->lastItem() }} of
                {{ $applications->total() }}</small>
        </div>
        <div class="table-responsive">
            <table class="table table-hover mb-0">
                <thead>
                    <tr>
                        <th>App No.</th>
                        <th>Applicant</th>
                        <th>Course Applied</th>
                        <th>Community</th>
                        <th>HS%</th>
                        <th>Date</th>
                        <th>Payment Status</th>
                        <th>Status</th>
                        <th>Application Pdf</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($applications as $app)
                        <tr>
                            <td>
                                <div class="d-flex flex-column gap-1">
                                    <code style="font-size:0.8rem">{{ $app->form_number ?? '--' }}</code>
                                    <span class="badge badge-soft-primary" style="font-size:0.75rem; padding:0.35rem 0.65rem;">
                                        {{ $app->type == 1 ? 'UG' : 'PG' }}
                                    </span>
                                </div>
                            </td>
                            <td>
                                <div class="d-flex align-items-center gap-2">
                                    <div
                                        style="width:32px;height:32px;border-radius:8px;background:#dbeafe;color:#1d4ed8;font-weight:600;font-size:0.8rem;display:flex;align-items:center;justify-content:center;flex-shrink:0">
                                        {{ strtoupper(substr($app->applicant_name, 0, 2)) }}
                                    </div>
                                    <div>
                                        <div style="font-weight:500; font-size:0.87rem">{{ $app->applicant_name ?? '--' }}
                                        </div>
                                        <div style="font-size:0.75rem; color:#64748b">{{ $app->contact_no ?? '--' }}</div>
                                    </div>
                                </div>
                            </td>
                            <td style="font-size:0.83rem">{{ $app->course ?? '—' }}</td>
                            <td>
                                <span
                                    class="badge badge-soft-{{ in_array($app->category, ['SC', 'ST']) ? 'info' : (in_array($app->category, ['OBC', 'EWS']) ? 'warning' : 'secondary') }}">
                                    {{ $app->category }}
                                </span>
                            </td>
                            <td style="font-size:0.85rem">
                                {{ $app->percentage ? $app->percentage . '%' : '—' }}
                            </td>
                            <td style="font-size:0.82rem; color:#64748b">{{ $app->created_at->format('d M Y') }}</td>
                            <td>
                                <span class="badge badge-soft-{{ $app->payment_status == 1 ? 'success' : 'secondary' }}">
                                    {{ $app->payment_status == 1 ? 'Paid' : 'Pending' }}
                                </span>
                            </td>
                            <td>
                                @php
                                    $statusLabels = [
                                        'step1_complete' => 'Step 1 Completed',
                                        'payment_completed' => 'Payment Completed',
                                        'submitted' => 'Document Submitted',
                                        'application_selected' => 'Shortlisted',
                                        'verified' => 'Admitted',
                                    ];
                                    $label =
                                        $statusLabels[$app->status] ?? ucfirst(str_replace('_', ' ', $app->status));
                                @endphp

                                <span class="badge badge-soft-primary">
                                    {{ $label }}
                                </span>
                            </td>

                            <td>
                                @php
                                    $folderPath = storage_path('app/public/documents/' . $app->form_number);

                                    $expectedFile = $app->form_number . '.pdf';

                                    $filePath = $folderPath . '/' . $expectedFile;

                                    $fileExists = file_exists($filePath) && is_file($filePath);

                                    $fileUrl = asset('storage/documents/' . $app->form_number . '/' . $expectedFile);
                                @endphp
                                @if ($app->status === 'submitted' || $app->status === 'application_selected' || $app->status === 'verified')
                                    <div class="d-flex gap-1">
                                        @if ($fileExists)
                                            <a href="{{ $fileUrl }}" target="_blank"
                                                class="btn btn-sm btn-outline-primary py-1">
                                                <i class="bi bi-eye"></i>
                                            </a>
                                        @else
                                            {{-- <form action="{{ route('application.generate.pdf', $app->id) }}"
                                                method="POST">
                                                @csrf
                                                <button type="submit" class="btn btn-sm btn-outline-success py-1">
                                                    <i class="bi bi-download"></i> Download
                                                </button>
                                            </form> --}}
                                            <form class="pdf-download-form"
                                                action="{{ route('application.generate.pdf', $app->id) }}"
                                                method="POST">
                                                @csrf

                                                <button type="submit" class="btn btn-sm btn-outline-success py-1 download-btn">
                                                    <i class="bi bi-download"></i>
                                                    <span class="btn-text">Download</span>
                                                    <span class="spinner-border spinner-border-sm ms-1 d-none loader"></span>
                                                </button>
                                            </form>
                                        @endif
                                    </div>
                                @else
                                    --
                                @endif
                            </td>

                            <td>
                                <a href="{{ route('admin.applications.show', $app->id) }}"
                                    class="btn btn-sm btn-outline-primary py-1">
                                    <i class="bi bi-eye"></i> View
                                </a>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="8" class="text-center py-4 text-muted">
                                <i class="bi bi-inbox" style="font-size:2rem; opacity:0.3"></i>
                                <p class="mt-2 mb-0">No applications found</p>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if ($applications->hasPages())
            <div class="card-body pt-2">{!! $applications->withQueryString()->links('pagination::bootstrap-5') !!}</div>
        @endif
    </div>
@endsection
@push('scripts')
    <script>
        $(document).on('submit', '.pdf-download-form', function(e) {
            e.preventDefault();

            let form = $(this);
            let button = form.find('.download-btn');
            let loader = button.find('.loader');
            let btnText = button.find('.btn-text');

            button.prop('disabled', true);
            loader.removeClass('d-none');
            btnText.text('Downloading...');

            $.ajax({
                url: form.attr('action'),
                type: 'POST',
                data: form.serialize(),
                xhrFields: {
                    responseType: 'blob'
                },
                success: function(response, status, xhr) {
                    toastr.success("PDF generated successfully");
                    location.reload();
                },
                error: function() {
                    toastr.error("Failed to download PDF.");
                },
                complete: function() {
                    button.prop('disabled', false);
                    loader.addClass('d-none');
                    btnText.text('Download');
                }
            });
        });
    </script>
@endpush