@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;
                <span class="badge badge-soft-primary">
                    {{ ucfirst(str_replace('_', ' ', $application->status)) }}
                </span>
            </p>
        </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> Application Selected
                </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> Admited
                </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>
                            </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>
                                <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>
                                <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>
                                <tr>
                                    <td class="text-muted">H.S.Reg No.</td>
                                    <td>{{ $application->hs_reg_no ?? '—' }}%</td>
                                </tr>
                            </table>
                        </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_occupation ?? '' }}</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_occupation ?? '' }}</div>
                                    <div style="font-size:0.8rem; color:#64748b">{{ $application->mother_mobile ?? '' }}
                                    </div>
                                </div>
                                {{-- <div class="col-md-4">
                                    <div
                                        style="font-size:0.78rem; text-transform:uppercase; color:#94a3b8; margin-bottom:4px">
                                        Annual Income</div>
                                    <div style="font-weight:500">
                                        ₹{{ $application->annual_family_income ? number_format($application->annual_family_income) : '—' }}
                                    </div>
                                </div> --}}
                            </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>
                    @else
                        <p class="text-muted text-center py-3 mb-0">No documents uploaded</p>
                    @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">
                        <li class="timeline-item">
                            <div class="timeline-dot bg-primary"></div>
                            <div style="font-size:0.85rem;font-weight:500">Application Submitted</div>
                            <div style="font-size:0.78rem;color:#64748b">
                                {{ \Carbon\Carbon::parse($application->created_at)->timezone('Asia/Kolkata')->format('d M Y, h:i A') }}</div>
                        </li>
                        @if ($application->payment_status == 1)
                            <li class="timeline-item">
                                <div class="timeline-dot bg-info"></div>
                                <div style="font-size:0.85rem;font-weight:500">Payment Completed</div>
                                {{-- <div style="font-size:0.78rem;color:#64748b">
                                    {{ \Carbon\Carbon::parse($application->application_selected_at)->timezone('Asia/Kolkata')->format('d M Y, h:i A') }}</div> --}}
                            </li>
                        @endif
                        @if ($application->application_selected == 1)
                            <li class="timeline-item">
                                <div class="timeline-dot bg-info"></div>
                                <div style="font-size:0.85rem;font-weight:500">Application Selected</div>
                                <div style="font-size:0.78rem;color:#64748b">
                                    {{ \Carbon\Carbon::parse($application->application_selected_at)->timezone('Asia/Kolkata')->format('d M Y, h:i A') }}</div>
                            </li>
                        @endif
                        @if ($application->admitted == 1)
                            <li class="timeline-item">
                                <div class="timeline-dot bg-success"></div>
                                <div style="font-size:0.85rem;font-weight:500">Admitted</div>
                                <div style="font-size:0.78rem;color:#64748b">
                                    {{ \Carbon\Carbon::parse($application->admitted_at)->timezone('Asia/Kolkata')->format('d M Y, h:i A') }}</div>
                            </li>
                        @endif
                    </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