@extends('admin.layouts.app')
@section('title', 'Application — ' . $application->form_number)

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('admin.applications.index') }}">Applications</a></li>
    <li class="breadcrumb-item active">{{ $application->form_number }}</li>
@endsection

@section('content')
    <div class="page-header">
        <div>
            <h1 class="page-title">{{ $application->applicant_name ?? '--' }}</h1>
            <p class="page-subtitle">
                Application No: <strong>{{ $application->form_number }}</strong> &nbsp;|&nbsp;
                Applied: {{ $application->created_at->format('d M Y') }} &nbsp;|&nbsp;
                @php
                    $statusLabels = [
                        'step1_complete' => 'Step 1 Completed',
                        'payment_completed' => 'Payment Completed',
                        'submitted' => 'Document Submitted',
                        'application_selected' => 'Shortlisted',
                        'verified' => 'Admitted',
                    ];
                    $label =
                        $statusLabels[$application->status] ?? ucfirst(str_replace('_', ' ', $application->status));
                @endphp

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

        <div class="d-flex align-items-center gap-3 p-3 border rounded-3">
            <div
                style="width:42px;height:42px;border-radius:10px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0">
                {{ '📄' }}
            </div>
            <div class="flex-grow-1" style="min-width:0">
                <div style="font-size:0.83rem;font-weight:500">
                    {{ 'Application Pdf' }}</div>
                <div style="font-size:0.75rem;color:#64748b">
                    {{ $application->form_number . '.pdf' ?? '—' }}
                </div>
            </div>
            @php
                $folderPath = storage_path('app/public/documents/' . $application->form_number);

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

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

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

                $fileUrl = asset(
                    'storage/documents/' . $application->form_number . '/' . $expectedFile,
                );
            @endphp
            <div class="d-flex gap-1">
                {{-- ✅ IF EXISTS → SHOW VIEW --}}
                @if ($fileExists)
                    <a href="{{ $fileUrl }}" target="_blank"
                        class="btn btn-sm btn-outline-primary py-1">
                        <i class="bi bi-eye"></i>
                    </a>
                @else
                    {{-- ✅ IF NOT EXISTS → SHOW GENERATE --}}
                    <form action="{{ route('application.generate.pdf', $application->id) }}"
                        method="POST">
                        @csrf
                        <button type="submit" class="btn btn-sm btn-outline-success py-1">
                            <i class="bi bi-file-earmark-plus"></i> Generate
                        </button>
                    </form>
                @endif

            </div>
        </div>

        <div class="d-flex gap-2">
            @if ($application->status == 'submitted')
                <button type="submit" class="btn btn-success application_status_change" data-status="application_selected">
                    <i class="bi bi-check-circle me-1"></i> Click to Shortlist
                </button>
                {{-- @elseif($application->status == 'application_selected')
                <button type="submit" class="btn btn-info application_status_change" data-status="admited">
                    <i class="bi bi-check-circle me-1"></i> Admit Student
                </button> --}}
            @else
                <button type="button" class="btn btn-info" disabled>
                    <i class="bi bi-check-circle me-1"></i> Click to Admit
                </button>
            @endif
        </div>
    </div>

    <div class="row g-3">
        <!-- LEFT: DETAILS -->
        <div class="col-lg-8">
            <!-- Personal Info -->
            <div class="card mb-3">
                <div class="card-header"><i class="bi bi-person me-2 text-primary"></i>Personal Information</div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <div class="section-divider">Basic Details</div>
                            <table class="table table-sm table-borderless" style="font-size:0.87rem">
                                <tr>
                                    <td class="text-muted" width="40%">Full Name</td>
                                    <td><strong>{{ $application->applicant_name ?? '--' }}</strong></td>
                                </tr>
                                <tr>
                                    <td class="text-muted">Date of Birth</td>
                                    <td>{{ $application->date_of_birth->format('d M Y') }}</td>
                                </tr>
                                <tr>
                                    <td class="text-muted">Gender</td>
                                    <td>{{ ucfirst($application->gender) }}</td>
                                </tr>
                                <tr>
                                    <td class="text-muted">Religion</td>
                                    <td>{{ $application->religion ?? '—' }}</td>
                                </tr>
                                <tr>
                                    <td class="text-muted">Category</td>
                                    <td><span class="badge badge-soft-info">{{ $application->category ?? '—' }}</span></td>
                                </tr>
                                <tr>
                                    <td class="text-muted">Mobile</td>
                                    <td>{{ $application->contact_no ?? '--' }}</td>
                                </tr>
                                {{-- <tr>
                                    <td class="text-muted">WhatsApp</td>
                                    <td>{{ $application->whatsapp_no ?? '—' }}</td>
                                </tr> --}}
                                <tr>
                                    <td class="text-muted">Email</td>
                                    <td>{{ $application->email ?? '--' }}</td>
                                </tr>
                                {{-- <tr>
                                    <td class="text-muted">Aadhar No.</td>
                                    <td>{{ $application->aadhar_no ?? '—' }}</td>
                                </tr> --}}
                                <tr>
                                    <td class="text-muted">Differently Abled</td>
                                    <td>{{ $application->differently_abled == 1 ? 'Yes' : 'No' }}</td>
                                </tr>
                                <tr>
                                    <td class="text-muted">Nationality </td>
                                    <td style="font-size:0.82rem">{{ $application->nationality ?? '--' }}</td>
                                </tr>
                                @if ($application->type ==2)
                                    <tr>
                                        <td class="text-muted">Scholarship </td>
                                        <td style="font-size:0.82rem">{{ strtoupper($application->scholarship ?? '--') }}</td>
                                    </tr>
                                    <tr>
                                        <td class="text-muted">Aadhaar Number</td>
                                        <td style="font-size:0.82rem">{{ $application->aadhaar_number ?? '--' }}</td>
                                    </tr>
                                @endif
                            </table>
                        </div>
                        <div class="col-md-6">
                            <div class="section-divider">Academic Details</div>
                            <table class="table table-sm table-borderless" style="font-size:0.87rem">
                                <tr>
                                    <td class="text-muted" width="45%">Applied For</td>
                                    <td><strong>{{ $application->course ?? '--' }}</strong></td>
                                </tr>
                                <tr>
                                    <td class="text-muted">Subject</td>
                                    <td>{{ $application->subject ?? '--' }}</td>
                                </tr>
                                <tr>
                                    <td class="text-muted">HS %</td>
                                    <td>{{ $application->percentage ?? '—' }}%</td>
                                </tr>
                                <tr>
                                    @php
                                        $subjects = $application->subjects_marks ?? [];
                                    @endphp
                                    <td class="text-muted">HS Subjects</td>
                                    <td style="font-size:0.82rem">{{ collect($subjects)->pluck('name')->implode(', ') }}
                                    </td>
                                </tr>
                                @if ($application->type == 1)
                                    <tr>
                                        <td class="text-muted">Year of Passing H.S</td>
                                        <td>{{ $application->hs_passing_year ?? '—' }}</td>
                                    </tr>
                                    <tr>
                                        <td class="text-muted">Name of the Board</td>
                                        <td>{{ $application->board_name ?? '—' }}</td>
                                    </tr>
                                @endif
                                <tr>
                                    <td class="text-muted">Previous Institution</td>
                                    <td>{{ $application->prev_institution ?? '—' }}</td>
                                </tr>
                                <tr>
                                    <td class="text-muted">Previous Institution Address</td>
                                    <td>{{ $application->prev_institution_address ?? '—' }}</td>
                                </tr>
                                @if ($application->type == 1)
                                    <tr>
                                        <td class="text-muted">H.S.Reg No.</td>
                                        <td>{{ $application->hs_reg_no ?? '—' }}</td>
                                    </tr>
                                @endif
                                @if ($application->type == 2)
                                    <tr>
                                        <td class="text-muted">Year of Graduation</td>
                                        <td>{{ $application->year_of_graduation ?? '—' }}</td>
                                    </tr>
                                    <tr>
                                        <td class="text-muted">University Name</td>
                                        <td>{{ $application->university_name ?? '—' }}</td>
                                    </tr>
                                    <tr>
                                        <td class="text-muted">University Registration No.</td>
                                        <td>{{ $application->university_reg_no ?? '—' }}</td>
                                    </tr>
                                    <tr>
                                        <td class="text-muted">NAD / ABC ID</td>
                                        <td>{{ $application->nad_abc_id ?? '—' }}</td>
                                    </tr>
                                    <tr>
                                        <td class="text-muted">Degree Status</td>
                                        <td>{{ $application->degree_status == 'final_declared' ? 'Final Declared' : 'Final Awarded' }}</td>
                                    </tr>
                                    <tr>
                                        <td class="text-muted">Results Declaration Date</td>
                                        <td>{{ $application->results_declaration_date ?? '—' }}</td>
                                    </tr>
                                @endif
                            </table>
                        </div>
                        <div class="col-12">
                            <div class="section-divider">{{ $application->type == 2 ? 'Semester Marks' : 'Subjects Marks' }}</div>
                            @php
                                // sample data provided by user; replace with real data variable as needed
                                $subjectMarks = $application->subjects_marks ?? [];
                                $totalFullMarks = collect($subjectMarks)->sum(function ($sub) {
                                    return $sub['full_marks'] ?? 0;
                                });
                                $totalMarksObtained = collect($subjectMarks)->sum(function ($sub) {
                                    return $sub['marks_obtained'] ?? 0;
                                });
                                $percentage =
                                    $totalFullMarks > 0
                                        ? round(($totalMarksObtained / $totalFullMarks) * 100, 2)
                                        : null;
                            @endphp
                            <div class="table-responsive">
                                <table class="table table-sm">
                                    <thead>
                                        <tr>
                                            <th>{{ $application->type == 2 ? 'Semester' : 'Subject' }}</th>
                                            <th>Full Marks</th>
                                            <th>Marks Obtained</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($subjectMarks as $sub)
                                            <tr>
                                                <td style="font-size:0.9rem">{{ $sub['name'] ?? '—' }}</td>
                                                <td>{{ $sub['full_marks'] ?? '—' }}</td>
                                                <td>{{ $sub['marks_obtained'] ?? '—' }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <td class="text-end"><strong>Total</strong></td>
                                            <td><strong>{{ $totalFullMarks }}</strong></td>
                                            <td><strong>{{ $totalMarksObtained }}</strong></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2" class="text-end"><strong>Percentage</strong></td>
                                            <td><strong>{{ $percentage !== null ? $percentage . '%' : '—' }}</strong></td>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="section-divider">Family Information</div>
                            <div class="row">
                                <div class="col-md-4">
                                    <div
                                        style="font-size:0.78rem; text-transform:uppercase; color:#94a3b8; margin-bottom:4px">
                                        Father</div>
                                    <div style="font-weight:500; font-size:0.87rem">{{ $application->father_name ?? '—' }}
                                    </div>
                                    <div style="font-size:0.8rem; color:#64748b">
                                        {{ $application->father_profession ?? '' }}</div>
                                    <div style="font-size:0.8rem; color:#64748b">{{ $application->father_mobile ?? '' }}
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div
                                        style="font-size:0.78rem; text-transform:uppercase; color:#94a3b8; margin-bottom:4px">
                                        Mother</div>
                                    <div style="font-weight:500; font-size:0.87rem">{{ $application->mother_name ?? '—' }}
                                    </div>
                                    <div style="font-size:0.8rem; color:#64748b">
                                        {{ $application->mother_profession ?? '' }}</div>
                                    <div style="font-size:0.8rem; color:#64748b">{{ $application->mother_mobile ?? '' }}
                                    </div>
                                </div>
                                @if ($application->type == 2)
                                    <div class="col-md-4">
                                        <div
                                            style="font-size:0.78rem; text-transform:uppercase; color:#94a3b8; margin-bottom:4px">
                                            Family Income</div>
                                        <div style="font-weight:500; font-size:0.87rem">{{ $application->family_income ?? '—' }}</div>
                                    </div>
                                @endif
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="section-divider">Address</div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div style="font-size:0.78rem; color:#94a3b8; margin-bottom:4px">Correspondence</div>
                                    <div style="font-size:0.87rem">
                                        {{ $application->address }},<br>
                                        {{ $application->pincode }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Documents -->
            <div class="card">
                <div class="card-header"><i class="bi bi-file-earmark-text me-2 text-warning"></i>Uploaded Documents</div>
                <div class="card-body">
                    @if ($application->documents->count())
                        <div class="row g-3">
                            @foreach ($application->documents as $doc)
                                <div class="col-md-6">
                                    <div
                                        class="d-flex align-items-center gap-3 p-3 border rounded-3 {{ $doc->verified ? 'border-success bg-success bg-opacity-5' : '' }}">
                                        <div
                                            style="width:42px;height:42px;border-radius:10px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0">
                                            {{ in_array(pathinfo($doc->file_path, PATHINFO_EXTENSION), ['pdf']) ? '📄' : '🖼️' }}
                                        </div>
                                        <div class="flex-grow-1" style="min-width:0">
                                            <div style="font-size:0.83rem;font-weight:500">
                                                {{ ucwords(str_replace('_', ' ', $doc->document_type)) }}</div>
                                            <div style="font-size:0.75rem;color:#64748b">{{ $doc->original_filename }}
                                            </div>
                                        </div>
                                        <div class="d-flex gap-1">
                                            <a href="{{ asset('storage/' . $doc->file_path) }}" target="_blank"
                                                class="btn btn-sm btn-outline-primary py-1">
                                                <i class="bi bi-eye"></i>
                                            </a>
                                            {{-- @if (!$doc->verified)
                                                <button class="btn btn-sm btn-outline-success py-1" title="Mark Verified">
                                                    <i class="bi bi-check"></i>
                                                </button>
                                            @else
                                                <span class="badge badge-soft-success"><i
                                                        class="bi bi-check-circle"></i></span>
                                            @endif --}}
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                            {{-- <div class="col-md-6">
                                <div class="d-flex align-items-center gap-3 p-3 border rounded-3">
                                    <div
                                        style="width:42px;height:42px;border-radius:10px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0">
                                        {{ '📄' }}
                                    </div>
                                    <div class="flex-grow-1" style="min-width:0">
                                        <div style="font-size:0.83rem;font-weight:500">
                                            {{ 'Application Pdf' }}</div>
                                        <div style="font-size:0.75rem;color:#64748b">
                                            {{ $application->form_number . '.pdf' ?? '—' }}
                                        </div>
                                    </div>
                                    @php
                                        $folderPath = storage_path('app/public/documents/' . $application->form_number);

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

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

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

                                        $fileUrl = asset(
                                            'storage/documents/' . $application->form_number . '/' . $expectedFile,
                                        );
                                    @endphp
                                    <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', $application->id) }}"
                                                method="POST">
                                                @csrf
                                                <button type="submit" class="btn btn-sm btn-outline-success py-1">
                                                    <i class="bi bi-file-earmark-plus"></i> Generate
                                                </button>
                                            </form>
                                        @endif

                                    </div>
                                </div>
                                
                            </div> --}}
                        </div>
                    @else
                        <div class="alert alert-info mb-0"><i class="bi bi-info-circle me-2"></i>No documents uploaded
                            yet.
                        </div>
                    @endif

                </div>
            </div>
        </div>

        <!-- RIGHT: STATUS PANEL -->
        <div class="col-lg-4">
            <div class="card mb-3">
                <div class="card-header"><i class="bi bi-activity me-2"></i>Application Status</div>
                <div class="card-body">
                    <ul class="timeline">
                        @php
                            // Define all statuses in order
                            $allStatuses = [
                                'step1_complete' => ['label' => 'Step 1 Completed', 'color' => 'bg-primary'],
                                'payment_completed' => ['label' => 'Payment Completed', 'color' => 'bg-info'],
                                'submitted' => ['label' => 'Document Submitted', 'color' => 'bg-warning'],
                                'application_selected' => ['label' => 'Shortlisted', 'color' => 'bg-success'],
                                'verified' => ['label' => 'Admitted', 'color' => 'bg-secondary'],
                            ];

                            // Collect completed statuses from logs
                            $completed = $application->statusLogs()->pluck('status')->toArray();
                        @endphp

                        @foreach ($allStatuses as $status => $config)
                            @php
                                $isCompleted = in_array($status, $completed);
                                $log = $application->statusLogs()->where('status', $status)->first();
                            @endphp

                            <li class="timeline-item {{ $isCompleted ? '' : 'opacity-50' }}">
                                <div class="timeline-dot {{ $config['color'] }}"></div>
                                <div style="font-size:0.85rem;font-weight:500">
                                    {{ $config['label'] }}
                                </div>
                                <div style="font-size:0.78rem;color:#64748b">
                                    @if ($isCompleted && $log)
                                        {{ \Carbon\Carbon::parse($log->created_at)->timezone('Asia/Kolkata')->format('d M Y, h:i A') }}
                                    @else
                                        Pending
                                    @endif
                                </div>
                            </li>
                        @endforeach
                    </ul>
                </div>
            </div>



            @if ($application->status === 'admitted' && $application->student)
                <div class="card">
                    <div class="card-header"><i class="bi bi-person-badge me-2 text-primary"></i>Student Details</div>
                    <div class="card-body">
                        <table class="table table-sm table-borderless" style="font-size:0.87rem">
                            <tr>
                                <td class="text-muted">Student Code</td>
                                <td><code>{{ $application->student->student_code }}</code></td>
                            </tr>
                            <tr>
                                <td class="text-muted">Roll No</td>
                                <td>{{ $application->student->roll_no ?? '—' }}</td>
                            </tr>
                            <tr>
                                <td class="text-muted">Semester</td>
                                <td>{{ $application->student->current_semester }}</td>
                            </tr>
                        </table>
                        <a href="{{ route('admin.students.show', $application->student->id) }}"
                            class="btn btn-sm btn-primary w-100">
                            <i class="bi bi-person me-1"></i> View Student Profile
                        </a>
                    </div>
                </div>
            @endif
        </div>
    </div>

    <!-- REJECT MODAL -->
    <div class="modal fade" id="rejectModal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content" style="border-radius:16px;border:none">
                <div class="modal-header border-0 pb-0">
                    <h5 class="modal-title">Reject Application</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <form method="POST" action="{{ route('admin.applications.reject', $application->id) }}">
                    @csrf
                    <div class="modal-body">
                        <div class="alert alert-warning py-2"><i class="bi bi-exclamation-triangle me-2"></i>This action
                            cannot be undone.</div>
                        <div class="mb-3">
                            <label class="form-label">Reason for Rejection <span class="text-danger">*</span></label>
                            <textarea name="reason" class="form-control" rows="3" required placeholder="Enter reason for rejection..."></textarea>
                        </div>
                    </div>
                    <div class="modal-footer border-0 pt-0">
                        <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                        <button type="submit" class="btn btn-danger">Reject Application</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
@push('scripts')
    <script>
        $(document).on("click", ".application_status_change", function(e) {
            var $this = $(this);
            var id = $this.data("id");
            var status = $this.data("status");
            Swal.fire({
                title: "Are you sure you want to change it?",
                text: "You wont be able to revert this action!!",
                icon: "warning",
                showCancelButton: true,
                confirmButtonColor: "#3085d6",
                cancelButtonColor: "#d33",
                confirmButtonText: "Yes, change it!",
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        type: "POST",
                        url: "{{ route('admin.applications.statusChange') }}",
                        data: {
                            id: "{{ $application->id }}",
                            status: status
                        },
                        cache: false,
                        dataType: "json",
                        beforeSend: function() {},
                        success: function(response) {
                            if (response.status) {
                                toastr.success(response.message);
                                location.reload();
                            } else {
                                toastr.error("We are facing some technical issue now");
                            }
                        },
                        error: function(response) {
                            toastr.error(
                                "We are facing some technical issue now. Please try again after some time"
                            );
                        },
                    });
                }
            });
        });
    </script>
@endpush