@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 {
        padding: 20px;
        border-bottom: 2px solid #dee2e6;
    }

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

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

    .table-invoice th {
        font-weight: 600;
    }

    .invoice-footer {
        padding: 15px;
        border-top: 2px solid #dee2e6;
    }

    .invoice-end-section .discount-box {
        border: 1px solid #dee2e6cb;
        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="card-header bg-white py-3 d-flex justify-content-between align-items-center no-print border-bottom">
            <div class="fw-bold text-dark fs-5">
                <i class="bi bi-file-earmark-text me-2 text-primary"></i>Invoice Details
            </div>
            <a href="{{ route('invoice') }}" class="btn btn-secondary btn-sm px-4 rounded-pill shadow-sm">
                <i class="bi bi-arrow-left me-1"></i> Back to List
            </a>
        </div>
        <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="">10062 Al Ahli Bank Building, Main Carrefour Street, <br />Zahraa Al Maadi,
                    Cairo,
                    Egypt</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" style="display:none !important">
                @if ($studentInvoice->product)
                Product Details
                @else
                Course Details
                @endif
            </div>
            <table class="table-invoice mt-3 table table-bordered table-sm table bordered-table sm-table mb-0" style="display:none ! important">
                <thead>
                    <tr>
                        @if ($studentInvoice->product)
                        <th>Product</th>
                        @else
                        <th>Level</th>
                        @endif
                        @if ($studentInvoice->product)
                        <th>Date</th>
                        @else
                        <th>Start Date</th>
                        <th>End Date</th>
                        @endif
                        <th>
                            @if ($studentInvoice->staff_scheduled?->staff)
                            {{ $studentInvoice->staff_scheduled->staff->department->name ?? '' }}
                            @else
                            no teachers found
                            @endif
                        </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>
                        @if (!$studentInvoice->product)
                        <td>
                            {{ $studentInvoice->staff_scheduled?->end_date ?? '' }}
                        </td>
                        @endif

                        <td>
                            @if ($studentInvoice->staff_scheduled?->staff)
                            <a>
                                {{ $studentInvoice->staff_scheduled->staff->first_name ?? '' }}
                                {{ $studentInvoice->staff_scheduled->staff->last_name ?? '' }}
                            </a>
                            @else
                            @endif
                        </td>
                        <td>{{ number_format($studentInvoice->total_price, 2) }}</td>
                    </tr>
                </tbody>
            </table>


            <div class="fw-bold mt-5 text-primary">
                Transactions
            </div>
            <table class="table-invoice mt-3 table table-bordered table-sm table bordered-table sm-table mb-0">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Transaction Date</th>
                        <th>Payment Method</th>
                        <th>Amount</th>
                        <th>Transaction Img</th>
                        <th>Reason</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($studentInvoice->transaction as $index => $transaction)
                    <tr>
                        <td>{{ $index + 1 }}</td>
                        <td>{{ $transaction->created_at->format('Y-m-d H:i') }}</td>
                        <td>{{ $transaction->payment_type }}</td>
                        <td>{{ $transaction->amount }}</td>
                        <td>
                            @if ($transaction->transaction_img)
                            <a href="{{ config('app.crm_url') . '/' . $transaction->transaction_img }}" target="_blank">
                                <img src="{{ config('app.crm_url') . '/' . $transaction->transaction_img }}"
                                    alt="Transaction Image"
                                    style="width: 60px; height: 60px; object-fit: cover; border-radius: 5px;">
                            </a>
                            @else
                            <span class="text-muted">No image</span>
                            @endif
                        </td>
                        <td>
                            {{$transaction->reason ?? "--"}}
                        </td>
                        <td>
                            @if ($transaction->status == 'paid')
                            <span class="badge bg-success">Paid</span>
                            @elseif ($transaction->status == 'pending')
                            <span class="badge bg-warning">Pending</span>
                            @else
                            <span class="badge bg-danger">Rejected</span>
                            @endif
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="5" class="text-center">No transactions found for this invoice</td>
                    </tr>
                    @endforelse
                </tbody>
            </table>


            <div class="d-flex justify-content-end">
                <div class="m-3 d-flex justify-content-end invoice-end-section">
                    @if ($studentInvoice->discount_plan_id)
                    <div class="discount-box p-3 mx-3">
                        <div class="mb-1 fw-bold text-primary fs-5">Pricing Plan Details</div>
                        <div class="row">
                            <div class="col-auto pe-4 ">
                                <div class="mb-2 fw-bold">Discount Plan:</div>
                                <div class="mb-2 fw-bold">Total Price:</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">{{ $studentInvoice->discount_plan->name_en ?? '' }}</div>
                                <div class="mb-2">{{ number_format($studentInvoice->total_price, 2) }}</div>

                                @if ($studentInvoice->discount_plan_type == 'fixed')
                                <div class="mb-2">
                                    {{ number_format($studentInvoice->discount_plan_price, 2) }}
                                </div>
                                <div class="mb-2">{{ number_format($studentInvoice->total_price, 2) - number_format($studentInvoice->discount_plan_price, 2) }}</div>
                                @elseif ($studentInvoice->discount_plan_type == 'percentage')
                                <div class="mb-2">
                                    {{ number_format($studentInvoice->discount_plan_price, 0) }}%
                                </div>
                                <div class="mb-2">{{ number_format($studentInvoice->total_price * $studentInvoice->discount_plan_price / 100, 2) }}</div>
                                @else
                                <div class="mb-2">0</div>
                                <div class="mb-2"></div>
                                @endif
                            </div>
                        </div>
                    </div>
                    @endif
                </div>
                <div class="m-3 d-flex justify-content-end invoice-end-section">
                    @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">Total Price:</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">{{ $studentInvoice->promocode->code ?? '' }}</div>
                                @if ($studentInvoice->discount_plan_id)
                                <div class="mb-2">{{ number_format($studentInvoice->total_price * $studentInvoice->discount_plan_price / 100, 2) }}</div>
                                @else
                                <div class="mb-2">{{ number_format($studentInvoice->total_price, 2) }}</div>
                                @endif
                                <div class="mb-2">
                                    @if ($studentInvoice->promocode_type == 'fixed')
                                    {{ number_format($studentInvoice->promocode_price, 2) }}
                                    @elseif ($studentInvoice->promocode_type == 'percentage')
                                    {{ number_format($studentInvoice->promocode_price, 0) }}%
                                    @else
                                    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