@extends('admin/layouts/app-print')
@section('page-title')
    <title>Applied student | Simple Admission</title>
@endsection

@section('page-breadcrumb')
    <script>var defaultThemeMode = "light"; var themeMode; if ( document.documentElement ) { if ( document.documentElement.hasAttribute("data-bs-theme-mode")) { themeMode = document.documentElement.getAttribute("data-bs-theme-mode"); } else { if ( localStorage.getItem("data-bs-theme") !== null ) { themeMode = localStorage.getItem("data-bs-theme"); } else { themeMode = defaultThemeMode; } } if (themeMode === "system") { themeMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"; } document.documentElement.setAttribute("data-bs-theme", themeMode); }</script>
    <div data-kt-swapper="true" data-kt-swapper-mode="prepend"
         data-kt-swapper-parent="{default: '#kt_content_container', 'lg': '#kt_toolbar_container'}"
         class="page-title d-flex align-items-center flex-wrap me-3 mb-5 mb-lg-0">
        <!--begin::Title-->
        <h1 class="d-flex align-items-center text-dark fw-bolder fs-3 my-1">Applied Student List</h1>
        <!--end::Title-->
        <!--begin::Separator-->
        <span class="h-20px border-gray-300 border-start mx-4"></span>
        <!--end::Separator-->
        <!--begin::Breadcrumb-->
        <ul class="breadcrumb breadcrumb-separatorless fw-bold fs-7 my-1">
            <!--begin::Item-->
            <li class="breadcrumb-item text-muted">
                <a href="{{route('students.index')}}" class="text-muted text-hover-primary">List</a>
            </li>
        </ul>
        <!--end::Breadcrumb-->
    </div>
@endsection

@section('main-content')
    <div class="container">
        <div class="card">
            <!-- begin::Body-->
            <div class="card-body py-20">
                <!-- begin::Wrapper-->
                <div class="mw-lg-950px mx-auto w-100">
                    <!-- begin::Header-->
                    <div class="d-flex justify-content-between flex-column flex-sm-row mb-19">
                        <h4 class="fw-bolder text-gray-800 fs-2qx pe-5 pb-7">INVOICE</h4>
                        <!--end::Logo-->
                        <div class="text-sm-end">
                            <!--begin::Logo-->
                            <a href="#" class="d-block mw-150px ms-sm-auto">
                                <img alt="Logo" src="{{asset('images/final_logo.png')}}" class="w-100" />
                            </a>
                            <!--end::Logo-->
                            <!--begin::Text-->
                            <div class="text-sm-end fw-semibold fs-14px text-muted mt-7">
                                <div>Flat 14E, Confidence Center(2nd Building), Shahjadpur</div>
                                <div>Gulshan, Dhaka</div>
                            </div>
                            <!--end::Text-->
                        </div>
                    </div>
                    <!--end::Header-->
                    <!--begin::Body-->
                    <div class="pb-12">
                        <!--begin::Wrapper-->
                        <div class="d-flex flex-column gap-7 gap-md-10">
                            <!--begin::Message-->
                            <div class="fw-bold fs-2">Dear, {{$applied->student->name ?? ''}}
                                <br />
                                <span class="text-muted fs-14px">Here are your order details. We thank you for your purchase.</span></div>
                            <!--begin::Message-->
                            <!--begin::Separator-->
                            <div class="separator"></div>
                            <!--begin::Separator-->
                            <!--begin::Order details-->
                            <div class="d-flex flex-column flex-sm-row gap-7 gap-md-10 fw-bold">
                                <div class="flex-root d-flex flex-column">
                                    <span class="text-muted">Payment Status</span>
                                    <span class="fs-5">
                                        @php if($applied->payment->status == 0){
                                            echo 'Pending';
                                        } elseif ($applied->payment->status == 1){
                                            echo 'Success';
                                        } elseif ($applied->payment->status == 2){
                                            echo 'Not Approved';
                                        } elseif ($applied->payment->status == 3){
                                            echo 'Reject';
                                        } elseif ($applied->payment->status == 4){
                                            echo 'Paid';
                                        }
                                        @endphp
                                    </span>
                                </div>
                                <div class="flex-root d-flex flex-column">
                                    <span class="text-muted">Invoice ID</span>
                                    <span class="fs-5">#{{ $applied->payment->invoice_id ?? 0 }}</span>
                                </div>
                                <div class="flex-root d-flex flex-column">
                                    <span class="text-muted">Date</span>
                                    <span class="fs-5">{{ $applied->payment->created_at ? date('Y-m-d', strtotime($applied->payment->created_at)) : '' }}</span>
                                </div>
                                <div class="flex-root d-flex flex-column">
                                    <span class="text-muted">Transaction ID</span>
                                    <span class="fs-5">{{$applied->payment->transaction_id ?? ''}}</span>
                                </div>
                            </div>
                            <!--end::Order details-->
                            <!--begin::Billing & shipping-->
                            {{--<div class="d-flex flex-column flex-sm-row gap-7 gap-md-10 fw-bold">
                                <div class="flex-root d-flex flex-column">
                                    <span class="text-muted">Billing Address</span>
                                    <span class="fs-6">Unit 1/23 Hastings Road,
															<br />Melbourne 3000,
															<br />Victoria,
															<br />Australia.</span>
                                </div>
                                <div class="flex-root d-flex flex-column">
                                    <span class="text-muted">Shipping Address</span>
                                    <span class="fs-6">Unit 1/23 Hastings Road,
															<br />Melbourne 3000,
															<br />Victoria,
															<br />Australia.</span>
                                </div>
                            </div>--}}
                            <!--end::Billing & shipping-->
                            <!--begin:Order summary-->
                            <div class="d-flex justify-content-between flex-column">
                                <!--begin::Table-->
                                <div class="table-responsive border-bottom mb-9">
                                    <table class="table align-middle  table-row-dashed fs-6 gy-5 mb-0">
                                        <thead>
                                        <tr class="border-bottom fs-6 fw-bold text-muted">
                                            <th class="min-w-175px pb-2">Products</th>
                                            <th class="min-w-70px text-end pb-2">SKU</th>
                                            <th class="min-w-80px text-end pb-2">Price</th>
                                            <th class="min-w-100px text-end pb-2">Total</th>
                                        </tr>
                                        </thead>
                                        <tbody class="fw-semibold text-gray-600">
                                        <!--begin::Products-->
                                        <tr>
                                            <!--begin::Product-->
                                            <td>
                                                <div class="d-flex align-items-center">
                                                    <!--begin::Thumbnail-->
                                                    <a href="#" class="symbol symbol-50px">
                                                        @if(isset($applied->course->banner) && !empty($applied->course->banner))
                                                            <img src="{{$applied->course->banner}}" height="50" width="50" alt="image">
                                                        @else
                                                            <img src="{{asset('/media/avatars/blank.png')}}" height="50" width="50">
                                                        @endif
                                                    </a>
                                                    <!--end::Thumbnail-->
                                                    <!--begin::Title-->
                                                    <div class="ms-5">
                                                        <div class="fw-bold">{{$applied->course->courseName->name ?? ''}}</div>
                                                        <div class="fs-7 text-muted">{{$applied->course->institute->name ?? ''}}</div>
                                                    </div>
                                                    <!--end::Title-->
                                                </div>
                                            </td>
                                            <!--end::Product-->
                                            <!--begin::SKU-->
                                            <td class="text-end">{{$applied->course->slug ?? ''}}</td>
                                            <!--end::SKU-->
                                            <!--begin::Quantity-->
                                            <td class="text-end">{{$applied->course->single_price ?? ''}}</td>
                                            <!--end::Quantity-->
                                            <!--begin::Total-->
                                            <td class="text-end">{{$applied->course->single_price ?? ''}}</td>
                                            <!--end::Total-->
                                        </tr>
                                        <!--end::Products-->
                                        <!--begin::Subtotal-->
                                        <tr>
                                            <td colspan="3" class="text-end">Subtotal</td>
                                            <td class="text-end">{{$applied->course->single_price ?? ''}}</td>
                                        </tr>
                                        <!--end::Subtotal-->
                                        <!--begin::VAT-->
                                        <tr>
                                            <td colspan="3" class="text-end">VAT (0%)</td>
                                            <td class="text-end">$0.00</td>
                                        </tr>
                                        <!--end::VAT-->
                                        <!--begin::Grand total-->
                                        <tr>
                                            <td colspan="3" class="fs-3 text-dark fw-bold text-end">Grand Total</td>
                                            <td class="text-dark fs-3 fw-bolder text-end">{{$applied->course->single_price ?? ''}}</td>
                                        </tr>
                                        <!--end::Grand total-->
                                        </tbody>
                                    </table>
                                </div>
                                <!--end::Table-->
                            </div>
                            <!--end:Order summary-->
                        </div>
                        <!--end::Wrapper-->
                    </div>
                    <!--end::Body-->
                    <!-- begin::Footer-->
                    <div class="d-flex flex-stack flex-wrap mt-lg-20 pt-13">
                        <!-- begin::Actions-->
                        <div class="my-1 me-5">
                            <!-- begin::Pint-->
                            <button type="button" class="btn btn-primary my-1 me-12" onclick="window.print();"><span class="fa fa-download"></span> Print Invoice</button>
                            <!-- end::Pint-->
                            <!-- begin::Download-->
{{--                            <button type="button" class="btn btn-primary my-1" id="download-button" data-file-url="{{ route('applied-students.invoice', ['course_id' => 25, 'user_id' => 188]) }}">Download</button>--}}
                            <!-- end::Download-->
                        </div>
                        <!-- end::Actions-->
                        <!-- begin::Action-->
{{--                        <a href="../../demo14/dist/apps/invoices/create.html" class="btn btn-primary my-1">Create Invoice</a>--}}
                        <!-- end::Action-->
                    </div>
                    <!-- end::Footer-->
                </div>
                <!-- end::Wrapper-->
            </div>
            <!-- end::Body-->
        </div>
    </div>

@endsection


@section('extra-css')
    <style>
        .table.table-row-dashed tr{
            border-bottom-width: 1px !important;
            border-bottom-style: dashed !important;
            border-bottom-color: #eff2f5 !important;
            border-left: 0 !important;
            border-right: 0 !important;
        }
        .table.table-row-dashed td{
            border: none !important;
        }

        .table.table-row-dashed{
            border: none!important;
        }
    </style>
@endsection

@section('extra-script')
    @section('extra-sub-script')
    @show
    <script>
        $(document).ready(function(){
            $('.menu-item-student-management').addClass('here');
            $('.menu-item-student-management').addClass('show');
            $('.menu-sub-item-student-management-applied-student-list').addClass('active');
        });
        $(document).ready(function() {
            $('#download-button').on('click', function() {
                // Get the file URL from the button's data attribute
                const fileUrl = $(this).data('file-url');
                // Create an invisible link element
                const link = $('<a>', {
                    href: fileUrl,
                    download: 'invoice.pdf' // You can change the file name as needed
                }).appendTo('body');

                // Programmatically trigger a click on the link
                link[0].click();

                // Remove the link from the document
                link.remove();
            });
        });
    </script>
    <script src="{{asset('js/widgets.bundle.js')}}"></script>
    <script src="{{asset('js/custom/widgets.js')}}"></script>
    <script src="{{asset('js/custom/apps/chat/chat.js')}}"></script>
    <script src="{{asset('js/custom/utilities/modals/create-app.js')}}"></script>
    <script src="{{asset('js/custom/utilities/modals/users-search.js')}}"></script>
@endsection