@extends('layout.layout')

@section('content')
@include('components.alert')

    <style>
        @media print {
            body * {
                visibility: hidden;
            }

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

            #invoice {
                position: absolute;
                left: 0;
                top: 0;
                width: 210mm;
                height: auto;
                margin: 0;
                padding: 10mm;
                box-sizing: border-box;
            }

            .no-print {
                display: none;
            }

            .table-invoice {
                width: 100%;
                font-size: 12pt;
            }
        }

        .invoice-container {
            max-width: 900px;
            margin: 0 auto;
            padding: 20px;
        }

        .invoice-header {
            /* background-color: #f8f9fa; */
            padding: 20px;
            border-bottom: 2px solid #dee2e6;
        }

        .invoice-logo {
            max-width: 150px;
        }

        .table-invoice th,
        .table-invoice td {
            vertical-align: middle;
        }

        .table-invoice th {
            /* background-color: #e9ecef; */
            font-weight: 600;
        }

        .invoice-footer {
            /* background-color: #f8f9fa; */
            padding: 15px;
            border-top: 2px solid #dee2e6;
        }

        .invoice-end-section .discount-box {
            border: 1px solid #dee2e6cb;
            /* background-color: #f9f9f9; */
            border-radius: 8px;
            min-width: 300px;
            max-width: 400px;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
            font-size: 14px;
        }
    </style>

    <div class="my-5">
        <div class="card shadow border-0" id="invoice">
            <div class="invoice-header d-flex justify-content-between align-items-center">
                <div>
                    <img src="{{ asset('assets/images/logo.png') }}" alt="Logo" class="invoice-logo">
                    <div class="mt-2 mb-0">Upedia</div>
                    <small class="">123 Academy Street, City, Country</small>
                </div>
                <div class="text-end">
                    <div class="mb-0">Invoice <span class="text-primary">{{ $studentInvoice->invoice_number }}</span>
                    </div>
                    <small class="">Invoice Date: {{ $studentInvoice->created_at->format('Y-m-d') }}</small><br>
                </div>
            </div>

            <div class="card-body p-3">
                <div class="mb-4">
                    <div class="fw-bold text-primary">Student Information</div>
                    <div class="row">
                        <div class="col-md-6">
                            <p class="mb-1"><strong>Name:</strong> {{ $studentInvoice->student->first_name ?? '' }}
                                {{ $studentInvoice->student->last_name ?? '' }}</p>
                            <p class="mb-1"><strong>Email:</strong>
                                {{ $studentInvoice->student->email ?? 'Not available' }}</p>
                        </div>
                    </div>
                </div>
                <div class="fw-bold mt-4 text-primary">Course Details</div>
                <table class="table-invoice mt-3 table table-bordered table-sm table bordered-table sm-table mb-0">
                    <thead>
                        <tr>
                            @if ($studentInvoice->product)
                                <th>Product</th>
                            @else
                                <th>Level</th>
                            @endif
                            <th>Start Date</th>
                            <th>End Date</th>
                            <th>Staff</th>
                            <th>Price</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>{{ $studentInvoice->product?->name_en ?? ($studentInvoice->levels?->name_en ?? '') }}</td>
                            <td>{{ $studentInvoice->staff_scheduled?->start_date ?? '' }}</td>
                            <td>{{ $studentInvoice->staff_scheduled?->end_date ?? '' }}</td>
                            <td>
                                @if ($studentInvoice->staff_scheduled?->staff)
                                    <a
                                        href="{{ env('TEACHER_URL_IN_HR_SYSTEM') }}/{{ $studentInvoice->staff_scheduled->staff->id }}">
                                        {{ $studentInvoice->staff_scheduled->staff->first_name ?? '' }}
                                        {{ $studentInvoice->staff_scheduled->staff->last_name ?? '' }}
                                    </a>
                                @else
                                @endif
                            </td>
                            {{-- <td>{{ number_format($priceBeforeDiscount, 2) }}</td> --}}
                            <td>{{ number_format($studentInvoice->total_price, 2) }}</td>
                        </tr>
                    </tbody>
                </table>
                @php
                    $showDiscountTable = false;
                    $discountAmount = 0;
                    if (
                        !$studentInvoice->product &&
                        $discountPlan &&
                        $studentInvoice->level &&
                        $studentInvoice->level->track
                    ) {
                        $trackLevelNumbers = $studentInvoice->level->track->level_number;
                        if (
                            $discountPlan->level_from <= $trackLevelNumbers &&
                            $discountPlan->level_to >= $trackLevelNumbers
                        ) {
                            $showDiscountTable = true;
                            $discountAmount =
                                $discountPlan->type == 'fixed'
                                    ? $discountPlan->discount
                                    : $priceBeforeDiscount * ($discountPlan->discount / 100);
                        }
                    }
                @endphp
                <div class="d-flex justify-content-end">
                    <div class="m-3 d-flex justify-content-end invoice-end-section">
                        {{-- @if ($showDiscountTable)
                            <div class="discount-box p-3 mx-3">
                                <div class="mb-1 fw-bold text-primary fs-5">Discount Details</div>
                                <div class="row">
                                    <div class="col-auto pe-4 ">
                                        <div class="mb-2 fw-bold">Discount Name:</div>
                                        <div class="mb-2 fw-bold">Discount Levels:</div>
                                        <div class="mb-2 fw-bold">Type:</div>
                                        <div class="mb-2 fw-bold">Discount:</div>
                                        <div class="mb-2 fw-bold">Discount Amount:</div>
                                    </div>
                                    <div class="col-auto">
                                        <div class="mb-2">{{ $discountPlan->name_en ?? '' }}</div>
                                        <div class="mb-2">From {{ $discountPlan->level_from ?? '' }} To
                                            {{ $discountPlan->level_to ?? '' }}</div>
                                        <div class="mb-2">{{ ucfirst($discountPlan->type ?? '') }}</div>
                                        <div class="mb-2">
                                            @if ($discountPlan->type == 'fixed')
                                                {{ number_format($discountPlan->discount, 2) }}
                                            @else
                                                {{ number_format($discountPlan->discount, 0) }}%
                                            @endif
                                        </div>
                                        <div class="mb-2">{{ number_format($discountAmount, 2) }}</div>
                                    </div>
                                </div>
                            </div>
                        @endif --}}
                        @if ($studentInvoice->promocode_id)
                            <div class="discount-box p-3 mx-3">
                                <div class="mb-1 fw-bold text-primary fs-5">Promocode Details</div>
                                <div class="row">
                                    <div class="col-auto pe-4 ">
                                        <div class="mb-2 fw-bold">Promocode:</div>
                                        <div class="mb-2 fw-bold">Type:</div>
                                        <div class="mb-2 fw-bold">Total Price:</div>
                                        <div class="mb-2 fw-bold">Discount:</div>
                                        <div class="mb-2 fw-bold">Net Price:</div>
                                    </div>
                                    <div class="col-auto">
                                        <div class="mb-2">{{ $studentInvoice->promocode->code ?? '' }}</div>
                                        <div class="mb-2">{{ $studentInvoice->discount_type ?? '' }} </div>
                                        <div class="mb-2">{{ number_format($studentInvoice->total_price, 2) }}</div>

                                        <div class="mb-2">
                                            @if ($studentInvoice->discount_type == 'fixed')
                                                {{ number_format($studentInvoice->discount, 2) }}
                                            @else
                                                {{ number_format($studentInvoice->discount, 0) }}%
                                            @endif
                                        </div>
                                        <div class="mb-2">{{ number_format($studentInvoice->net_price, 2) }}</div>
                                    </div>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
                <div class="mt-4 text-end">
                    <div class="fw-bold text-primary"><strong>Final Total:</strong>
                        {{ number_format($studentInvoice->net_price, 2) }}</div>
                </div>
            </div>
            <div class="invoice-footer text-end">
                <button onclick="window.print()" class="btn btn-primary no-print me-2">
                    <i class="bi bi-printer"></i> Print Invoice
                </button>
                <a href="{{ route('student_invoices.download-pdf', $studentInvoice->id) }}"
                    class="btn btn-success no-print">
                    <i class="bi bi-download"></i> Download PDF
                </a>

            </div>
        </div>
    </div>
@endsection