@extends('layouts.app')

@section('title', 'Admission Confirmed')

@section('content')

    <div class="success-hero py-5">

        <div class="success-icon">
            <i class="bi bi-mortarboard-fill"></i>
        </div>

        <h2 style="font-family:'Playfair Display',serif;font-size:1.7rem;color:#1a3a6b;margin-bottom:8px">
            Admission Confirmed!
        </h2>
        <p style="color:#6b7280;font-size:0.95rem;max-width:520px;margin:0 auto 20px">
            Welcome to <strong>St. Xavier's College, Burdwan</strong>.
            Your admission has been successfully completed.
            Please save your login credentials below — they will not be shown again.
        </p>

        <div class="form-number-display">{{ $application->form_number }}</div>

        {{-- Student details --}}
        <div style="background:#f8f9fc;border:1.5px solid #dee2e6;border-radius:12px;padding:24px 28px;text-align:left;max-width:520px;margin:0 auto 24px">
            <table style="width:100%;font-size:0.88rem">
                <tr>
                    <td style="color:#6b7280;padding:5px 0;width:42%">Name</td>
                    <td style="font-weight:600;color:#1c1c2e">{{ $application->applicant_name }}</td>
                </tr>
                <tr>
                    <td style="color:#6b7280;padding:5px 0">Course</td>
                    <td style="font-weight:600;color:#1c1c2e">
                        {{ $application->admission?->course ?? $application->course }}
                        @if($application->admission?->subject)
                            – {{ $application->admission->subject }}
                        @endif
                    </td>
                </tr>
                <tr>
                    <td style="color:#6b7280;padding:5px 0">Category</td>
                    <td style="font-weight:600;color:#1c1c2e">{{ $application->category }}</td>
                </tr>
                <tr>
                    <td style="color:#6b7280;padding:5px 0">Admitted On</td>
                    <td style="font-weight:600;color:#1c1c2e">
                        {{ $application->admission?->admitted_at?->timezone('Asia/Kolkata')->format('d M Y, h:i A') ?? now()->format('d M Y') }}
                    </td>
                </tr>
                <tr>
                    <td style="color:#6b7280;padding:5px 0">Status</td>
                    <td>
                        <span style="background:#dcfce7;color:#15803d;font-weight:700;font-size:0.78rem;padding:3px 10px;border-radius:20px">
                            Admitted
                        </span>
                    </td>
                </tr>
            </table>
        </div>

        {{-- Login credentials (only shown right after admission) --}}
        {{-- @if ($studentEmail && $studentPassword)
            <div style="background:#fffbeb;border:2px solid #f59e0b;border-radius:12px;padding:24px 28px;text-align:left;max-width:520px;margin:0 auto 24px">
                <p style="font-weight:700;color:#92400e;font-size:0.9rem;margin-bottom:12px">
                    <i class="bi bi-key-fill me-2"></i>Your Login Credentials — Save These Now
                </p>
                <table style="width:100%;font-size:0.88rem">
                    @if($studentCode)
                    <tr>
                        <td style="color:#78350f;padding:5px 0;width:42%">Student Code</td>
                        <td style="font-weight:700;font-family:monospace;color:#1c1c2e;font-size:1rem">{{ $studentCode }}</td>
                    </tr>
                    @endif
                    <tr>
                        <td style="color:#78350f;padding:5px 0">Login Email</td>
                        <td style="font-weight:700;font-family:monospace;color:#1c1c2e">{{ $studentEmail }}</td>
                    </tr>
                    <tr>
                        <td style="color:#78350f;padding:5px 0">Password</td>
                        <td style="font-weight:700;font-family:monospace;color:#1c1c2e;font-size:1.1rem">{{ $studentPassword }}</td>
                    </tr>
                </table>
                <p style="font-size:0.8rem;color:#92400e;margin-top:12px;margin-bottom:0">
                    <i class="bi bi-exclamation-triangle-fill me-1"></i>
                    Please change your password after your first login. These credentials will not be shown again.
                </p>
            </div>
        @else
            <div style="background:#f0f9ff;border:1.5px solid #7dd3fc;border-radius:10px;padding:16px 20px;text-align:left;max-width:520px;margin:0 auto 24px;font-size:0.85rem;color:#0c4a6e">
                <i class="bi bi-info-circle-fill me-2"></i>
                Your login credentials were sent to <strong>{{ $application->email }}</strong>.
                Please contact the college office if you have not received them.
            </div>
        @endif --}}

        {{-- What's next --}}
        {{-- <div style="background:#f0fdf4;border:1.5px solid #86efac;border-radius:10px;padding:16px 20px;text-align:left;max-width:520px;margin:0 auto 32px;font-size:0.85rem">
            <strong style="color:#15803d"><i class="bi bi-list-check me-2"></i>Next Steps</strong>
            <ul style="margin:10px 0 0;padding-left:18px;color:#166534;line-height:1.9">
                <li>Log in to the student portal using the credentials above.</li>
                <li>Change your password on first login.</li>
                <li>Visit the college for fee payment and class allocation.</li>
                <li>Bring all original documents for verification on the reporting date.</li>
                <li>Contact <strong>{{ $application->email }}</strong> for correspondence queries.</li>
            </ul>
        </div> --}}

        <div class="d-flex justify-content-center gap-3 flex-wrap">
            <button onclick="window.print()" class="btn-secondary-custom">
                <i class="bi bi-printer me-2"></i>Print Confirmation
            </button>
            <a href="{{ route('application.admissionFormDownload', $application->form_number) }}" class="btn-primary-custom text-decoration-none">
                <i class="bi bi-box-arrow-in-right me-2"></i>Download Admission Letter
            </a>
        </div>

    </div>

@endsection