{{-- ==========================================================
    Result Header
========================================================== --}}

<div class="card border-0 shadow-sm rounded-4 mb-4">

    <div class="card-body">

        <div class="row align-items-center">

            <div class="col-lg-8">

                <h2 class="fw-bold text-primary mb-2">

                    <i class="bi bi-award-fill me-2"></i>

                    Examination Result

                </h2>

                <p class="text-muted mb-0">

                    Congratulations,

                    <strong>{{ $result->student->name }}</strong>

                    You have successfully completed your examination.

                </p>

            </div>

            <div class="col-lg-4 text-lg-end mt-3 mt-lg-0">

                @if($result->passed)

                    <span
                        class="badge bg-success px-4 py-3 fs-5">

                        <i class="bi bi-check-circle-fill me-2"></i>

                        PASSED

                    </span>

                @else

                    <span
                        class="badge bg-danger px-4 py-3 fs-5">

                        <i class="bi bi-x-circle-fill me-2"></i>

                        FAILED

                    </span>

                @endif

            </div>

        </div>

        <hr>

        <div class="d-flex flex-wrap gap-2">

            <a
                {{-- Print feature coming soon --}}
                target="_blank"
                class="btn btn-primary">

                <i class="bi bi-printer me-2"></i>

                Print Result

            </a>

            <a
                href="{{ route('results.index') }}"
                class="btn btn-outline-secondary">

                <i class="bi bi-arrow-left me-2"></i>

                Back to Results

            </a>

        </div>

    </div>

</div>