@extends('backend.student_backend.student_dashboard')

@section('student')

<style>

.invoice-wrapper {
    max-width: 1000px;
    margin: auto;
}

.invoice-card {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 25px rgba(0,0,0,.08);
    overflow: hidden;
}

.invoice-header {
    padding: 30px;
    border-bottom: 1px solid #eee;
}

.invoice-title {
    font-size: 28px;
    font-weight: 700;
}

.invoice-table th {
    background: #f8f9fa;
}

.invoice-total {
    font-size: 22px;
    font-weight: 700;
}

.invoice-balance {
    font-size: 25px;
    font-weight: 800;
}

.advance-row td {
    color: #198754;
}

.advance-amount {
    color: #198754;
    font-weight: 700;
}

.current-bill-row th,
.current-bill-row td {
    font-size: 22px;
    font-weight: 800;
}

@media print {

    body * {
        visibility: hidden;
    }

    #printInvoice,
    #printInvoice * {
        visibility: visible;
    }

    #printInvoice {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

    .no-print {
        display: none !important;
    }

    .invoice-card {
        box-shadow: none;
    }

}

</style>


<div class="container-fluid py-4">

    <div class="invoice-wrapper">


        {{-- =====================================================
             PRINT BUTTON
        ====================================================== --}}

        <div class="d-flex justify-content-end mb-3 no-print">

            <button
                type="button"
                onclick="window.print()"
                class="btn btn-success"
            >

                <i class="ri-printer-line me-1"></i>

                Print Invoice

            </button>

        </div>



        {{-- =====================================================
             INVOICE
        ====================================================== --}}

        <div
            class="invoice-card"
            id="printInvoice"
        >


            {{-- =================================================
                 HEADER
            ================================================== --}}

            <div class="invoice-header">

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

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

                        <div class="invoice-title">

                            Student Fee Invoice

                        </div>


                        <div class="text-muted">

                            Academic Session:

                            <strong>

                                {{ $currentSession->name }}

                            </strong>

                        </div>


                        <div class="text-muted">

                            Term:

                            <strong>

                                {{ $currentTerm->name }}

                            </strong>

                        </div>

                    </div>


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

                        <strong>

                            INVOICE

                        </strong>

                        <br>

                        <small class="text-muted">

                            {{ now()->format('d M Y') }}

                        </small>

                    </div>

                </div>

            </div>



            {{-- =================================================
                 STUDENT INFORMATION
            ================================================== --}}

            <div class="p-4">

                <div class="row mb-4">


                    <div class="col-md-6">

                        <h6 class="fw-bold">

                            Student Information

                        </h6>


                        <p class="mb-1">

                            <strong>Name:</strong>

                            {{ $student->name ?? 'N/A' }}

                        </p>


                        <p class="mb-1">

                            <strong>Student ID:</strong>

                            {{ $student->user?->user_name ?? 'N/A' }}

                        </p>


                        <p class="mb-1">

                            <strong>Class:</strong>

                            {{ $bill?->studentClass?->class_name ?? 'N/A' }}

                        </p>

                    </div>


                    <div class="col-md-6 text-md-end">

                        <h6 class="fw-bold">

                            Billing Period

                        </h6>


                        <p class="mb-1">

                            {{ $currentTerm->name }}

                        </p>


                        <p class="mb-1">

                            {{ $currentSession->name }}

                        </p>

                    </div>

                </div>



                {{-- =================================================
                     BILL BREAKDOWN
                ================================================== --}}

                <div class="table-responsive">

                    <table class="table invoice-table align-middle">


                        <thead>

                            <tr>

                                <th>

                                    Description

                                </th>

                                <th class="text-end">

                                    Amount

                                </th>

                            </tr>

                        </thead>


                        <tbody>


                            {{-- =====================================
                                 PREVIOUS OUTSTANDING
                            ====================================== --}}

                            @if($previousOutstanding > 0)

                                <tr>

                                    <td>

                                        Previous Outstanding

                                        <small class="text-muted d-block">

                                            {{ $previousTerm?->name }}

                                            -

                                            {{ $previousSession?->name }}

                                        </small>

                                    </td>


                                    <td class="text-end">

                                        ₦{{ number_format(
                                            $previousOutstanding,
                                            2
                                        ) }}

                                    </td>

                                </tr>

                            @endif



                            {{-- =====================================
                                 CURRENT TUITION
                            ====================================== --}}

                            <tr>

                                <td>

                                    Tuition

                                </td>

                                <td class="text-end">

                                    ₦{{ number_format(
                                        $tuition,
                                        2
                                    ) }}

                                </td>

                            </tr>



                            {{-- =====================================
                                 CURRENT TRANSPORT
                            ====================================== --}}

                            <tr>

                                <td>

                                    Transport

                                </td>

                                <td class="text-end">

                                    ₦{{ number_format(
                                        $transport,
                                        2
                                    ) }}

                                </td>

                            </tr>



                            {{-- =====================================
                                 CURRENT OTHERS
                            ====================================== --}}

                            <tr>

                                <td>

                                    Others

                                </td>

                                <td class="text-end">

                                    ₦{{ number_format(
                                        $others,
                                        2
                                    ) }}

                                </td>

                            </tr>



                            {{-- =====================================
                                 CURRENT BOARDING
                            ====================================== --}}

                            <tr>

                                <td>

                                    Boarding

                                </td>

                                <td class="text-end">

                                    ₦{{ number_format(
                                        $boarding,
                                        2
                                    ) }}

                                </td>

                            </tr>



                            {{-- =====================================
                                 PREVIOUS ADVANCE APPLIED
                            ====================================== --}}

                            @if($advanceAppliedToCurrentBill > 0)

                                <tr class="advance-row">

                                    <td>

                                        Previous Advance Payment

                                        <small class="text-muted d-block">

                                            Credit from

                                            {{ $previousTerm?->name }}

                                            -

                                            {{ $previousSession?->name }}

                                        </small>

                                    </td>


                                    <td class="text-end advance-amount">

                                        -₦{{ number_format(
                                            $advanceAppliedToCurrentBill,
                                            2
                                        ) }}

                                    </td>

                                </tr>

                            @endif


                        </tbody>



                        <tfoot>


                            {{-- =====================================
                                 CURRENT BILL
                            ====================================== --}}

                            <tr class="current-bill-row">

                                <th class="text-end">

                                    Current Bill

                                </th>


                                <th class="text-end">

                                    ₦{{ number_format(
                                        $currentBillTotal,
                                        2
                                    ) }}

                                </th>

                            </tr>



                            {{-- =====================================
                                 PAYMENT MADE
                            ====================================== --}}

                            <tr>

                                <th class="text-end">

                                    Payment Made

                                </th>


                                <th class="text-end text-success">

                                    ₦{{ number_format(
                                        $currentPaymentApplied,
                                        2
                                    ) }}

                                </th>

                            </tr>



                            {{-- =====================================
                                 CURRENT ADVANCE
                            ====================================== --}}

                            @if($currentAdvance > 0)

                                <tr>

                                    <th class="text-end text-success">

                                        Advance Payment

                                    </th>


                                    <th class="text-end text-success">

                                        ₦{{ number_format(
                                            $currentAdvance,
                                            2
                                        ) }}

                                    </th>

                                </tr>

                            @endif



                            {{-- =====================================
                                 REMAINING PREVIOUS ADVANCE
                            ====================================== --}}

                            @if($remainingPreviousAdvance > 0)

                                <tr>

                                    <th class="text-end text-success">

                                        Remaining Advance

                                    </th>


                                    <th class="text-end text-success">

                                        ₦{{ number_format(
                                            $remainingPreviousAdvance,
                                            2
                                        ) }}

                                    </th>

                                </tr>

                            @endif



                            {{-- =====================================
                                 OUTSTANDING BALANCE
                            ====================================== --}}

                            <tr>

                                <th class="text-end">

                                    Outstanding Balance

                                </th>


                                <th class="text-end text-danger invoice-balance">

                                    ₦{{ number_format(
                                        $balance,
                                        2
                                    ) }}

                                </th>

                            </tr>


                        </tfoot>

                    </table>

                </div>



                {{-- =================================================
                     ADVANCE INFORMATION
                ================================================== --}}

                @if($advancePayment > 0)

                    <div class="alert alert-success mt-4">

                        <div class="d-flex align-items-start">

                            <i class="ri-wallet-3-line fs-3 me-3"></i>

                            <div>

                                <strong>

                                    Advance Payment Available

                                </strong>


                                <div class="mt-1">

                                    You have an advance payment of

                                    <strong>

                                        ₦{{ number_format(
                                            $advancePayment,
                                            2
                                        ) }}

                                    </strong>

                                    available as credit.

                                </div>

                            </div>

                        </div>

                    </div>

                @endif



                {{-- =================================================
                     PAYMENT STATUS
                ================================================== --}}

                <div class="mt-4">


                    @if($balance <= 0 && $advancePayment <= 0)

                        <div class="alert alert-success">

                            <i class="ri-checkbox-circle-line me-2"></i>

                            <strong>

                                Fully Paid

                            </strong>

                        </div>


                    @elseif($advancePayment > 0)

                        <div class="alert alert-success">

                            <i class="ri-checkbox-circle-line me-2"></i>

                            <strong>

                                Fully Paid

                            </strong>

                            <div class="small mt-1">

                                The excess payment has been recorded as
                                advance payment.

                            </div>

                        </div>


                    @else

                        <div class="alert alert-warning">

                            <i class="ri-error-warning-line me-2"></i>

                            Please settle your outstanding balance.

                        </div>

                    @endif


                </div>



                {{-- =================================================
                     FOOTER
                ================================================== --}}

                <div class="text-center text-muted mt-5">

                    <small>

                        This invoice was generated electronically.

                    </small>

                </div>

            </div>

        </div>

    </div>

</div>


@endsection