@if (!is_null($lead->student_id))
    @can('crm_lead_demo-view')
        <div class="container py-5">
            <div class="row justify-content-center">
                <div class="col-lg-12">
                    <div class="card shadow-sm border-0 rounded-3 p-3">
                        <!-- Card Header -->
                        <div
                            class="card-header py-3 px-3 d-flex justify-content-between align-items-center">
                            <h5 class="card-title mb-0 fw-semibold">Demo</h5>
                            @can('crm_lead_demo-create')
                                @if ($lead->student_id == null)
                                    <button type="button"
                                        class="btn btn-outline-primary btn-sm d-flex align-items-center gap-2"
                                        data-bs-toggle="modal" data-bs-target="#demoModalNoHasAccount">
                                        <iconify-icon icon="ic:baseline-plus"></iconify-icon>
                                        Add New Demo
                                    </button>
                                @else
                                    <a
                                        href="{{ env('ADD_NEW_DEMO_URL') }}?student_id={{ $lead->student_id }}&lead_id={{ $lead->id }}">
                                        <button type="button"
                                            class="btn btn-outline-primary btn-sm d-flex align-items-center gap-2">
                                            Add New Demo
                                        </button>
                                    </a>
                                @endif
                            @endcan
                        </div>

                        <!-- Card Body -->
                        <div class="card-body p-3">
                            <!-- Tabs Navigation -->
                            <ul class="nav nav-tabs mb-3" id="demoTabs" role="tablist">
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link active" id="demo-tab" data-bs-toggle="tab"
                                        data-bs-target="#demo-tab-pane" type="button" role="tab"
                                        aria-controls="demo-tab-pane" aria-selected="true">
                                        Demo
                                    </button>
                                </li>
                            </ul>
                            <!-- Tabs Content -->
                            <div class="tab-content" id="demoTabsContent">

                                <!-- Demo Tab -->
                                <div class="tab-pane fade show active" id="demo-tab-pane" role="tabpanel"
                                    aria-labelledby="demo-tab">
                                    <div class="table-responsive">
                                        @if (!$getDemoStudentCourseData->count())
                                            <p>No request found for this lead.</p>
                                        @else
                                            <table
                                                class="text-center table table-bordered table-sm table bordered-table sm-table mb-0">
                                                <thead class="">
                                                    <tr>
                                                        <th class="text-center">Course Name</th>
                                                        <th class="text-center">Start Time</th>
                                                        <th class="text-center">End Time</th>
                                                        <th class="text-center">Invoice status</th>
                                                        <th class="text-center">Invoice</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($getDemoStudentCourseData as $demoCourse)
                                                        <tr>
                                                            <td class="text-center">
                                                                {{ $demoCourse->course_name_en }}
                                                            </td>
                                                            <td class="text-center">
                                                                {{ $demoCourse->start_date }}
                                                            </td>
                                                            <td class="text-center">
                                                                {{ $demoCourse->end_date }}
                                                            <td class="text-center">
                                                                @php
                                                                    $paymentStatus = optional($demoCourse->coursestudents->first()?->finanaceStudentInvoice)->payment_status;
                                                                @endphp
                                                                @if($paymentStatus === 'paid')
                                                                    <span class="badge bg-success">Paid</span>
                                                                @elseif($paymentStatus === 'not_paid')
                                                                    <span class="badge bg-danger">Not
                                                                        Paid</span>
                                                                @else
                                                                    <span class="badge bg-secondary">No
                                                                        Invoice Yet</span>
                                                                @endif
                                                            </td>
                                                            <td class="w-25">
                                                                @php
                                                                    $invoice = $demoCourse->coursestudents->first()?->finanaceStudentInvoice;
                                                                @endphp
                                                                @if ($invoice)
                                                                    {{ $invoice->invoice_number }}
                                                                @else
                                                                    <div class="d-flex justify-content-center">
                                                                        <button type="button"
                                                                            class="btn btn-outline-primary mx-3 btn-sm d-flex align-items-center gap-2 generate-invoice-btn"
                                                                            data-bs-toggle="modal"
                                                                            data-type="{{ $demoCourse->schedule_type }}"
                                                                            data-course-id="{{ $demoCourse->id }}"
                                                                            data-product-id="{{ $demoCourse->track_id }}"
                                                                            data-category-id="{{ $demoCourse->category_id }}"
                                                                            data-bs-target="
                                                                                @if(!is_null($lead->student_id) || !is_null($lead->parent_id))
                                                                                    #invoiceModal
                                                                                @else
                                                                                    #invoiceModalHasNotStudent
                                                                                @endif
                                                                            ">
                                                                            Generate
                                                                        </button>
                                                                        <button type="button"
                                                                            class="btn btn-outline-primary btn-sm d-flex align-items-center gap-2"
                                                                            data-bs-toggle="modal"
                                                                            data-type="{{ $demoCourse->schedule_type }}"
                                                                            data-course-id="{{ $demoCourse->id }}"
                                                                            data-invoices='@json($demoCourse->possibleInvoices->map(fn($inv) => [
                                                                                "id" => $inv->id,
                                                                                "number" => $inv->invoice_number,
                                                                            ])->values())'
                                                                            data-bs-target="#selectinvoiceModal">
                                                                            Select Invoice
                                                                        </button>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        @endif
                                    </div>
                                </div>

                                <!-- Other Tab -->
                                <div class="tab-pane fade" id="request-tab-pane" role="tabpanel"
                                    aria-labelledby="request-tab">
                                    <div class="table-responsive">
                                        @if (!$getDemoStudentCourseData->count())
                                            <p>No request found for this lead.</p>
                                        @else
                                            <table
                                                class="text-center table table-bordered table-sm table bordered-table sm-table mb-0">
                                                <thead class="">
                                                    <tr>
                                                        <th class="text-center">Course Name</th>
                                                        <th class="text-center">Start Date</th>
                                                        <th class="text-center">End Date</th>
                                                        <th class="text-center">status</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($getDemoStudentCourseData as $demoCourse)
                                                        <tr>
                                                            <td class="text-center">
                                                                {{ $demoCourse->course_name_en }}
                                                            </td>
                                                            <td class="text-center">
                                                                {{ $demoCourse->start_date }}
                                                            </td>
                                                            <td class="text-center">
                                                                {{ $demoCourse->end_date }}
                                                            </td>
                                                            <td class="text-center">
                                                                {{ $demoCourse->session }}
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div> <!-- End card-body -->
                    </div>
                </div>
            </div>
        </div>
    @endcan
@endif