@extends('layouts.admin')

@section('content')
<!--App-Content-->
<div class="app-content my-3 my-md-5">
    <div class="side-app">
        <x-page.header>Student Invoice ({{$student->first_name }} {{ $student->middle_name }} {{ $student->last_name }}) </x-page.header>
        <div class="row">

            <div class="col-md-10">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">
                            Unpaid Invoices
                        </h3>
                    </div>
                    <div class="card-body">
                        {{-- <a href="{{route('meeting.exportLiveEshra7lyAttendance',$meeting_info->mid)}}" class="btn btn-outline-success btn-sm mx-auto d-block w-25 my-5">
                        <i class="fa fa-file-excel-o me-1"></i>
                        Export
                        </a> --}}
                        <div class="table-responsive">
                            <table class="data-table-example table table-striped table-bordered table-vcenter text-nowrap">
                                <thead class="text-center pt-4">
                                    <tr>
                                        <th>Course Name</th>
                                        <th>Period</th>
                                        <th>Exam Fees</th>
                                        <th>School Fees</th>
                                        <th>Total Fees</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody class="text-center">
                                    @forelse($un_paid_invoice as $item)
                                    <tr>
                                        <td>
                                            {{ $item->name }}_{{ $item->cname }}({{ $item->lshort_name }})
                                        </td>
                                        <td>
                                            {{ $item->start_date . ' - ' . $item->end_date }}
                                        </td>
                                        <td>
                                            {{ $item->exam_fee }}.00 L.E
                                        </td>
                                        <td>
                                            {{ $item->school_fee }}.00 L.E
                                        </td>
                                        <td>
                                            {{ $item->total_fee }}.00 L.E
                                        </td>
                                        <td>
                                            <button class="btn btn-success pay-button" data-id="{{ $item->examination_invoice_id }}">Pay</button>
                                        </td>
                                    </tr>
                                    @empty
                                        <td colspan="7" class="text-center">No invoices available.</td>
                                    @endforelse

                                    
                                </tbody>
                                <tfoot class="text-center" style="background-color:rgb(211, 245, 210)">
                                    @if(count($un_paid_invoice) > 0)
                                    <tr>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td>Total Fees</td>
                                        <td class="total_value">{{ $total_total_fees }}.00 L.E</td>
                                        <td class="text-center"><button class="btn btn-success pay-all" data-period="{{ $item->examination_period_id }}" data-student-id="{{ $item->user_id }}">Pay All</button></td>
                                    </tr>
                                    @endif
                                </tfoot>
                            </table>
                        </div>

                    </div>

                </div>
            </div>

            <div class="col-md-10">
                <div class="card" style="background-color: #e6fcec">
                    <div class="card-header">
                        <h3 class="card-title">
                            Paid Invoices
                        </h3>
                    </div>

                    <div class="card-body">
                        {{-- <a href="{{route('meeting.exportLiveExternalAttendance',$meeting_info->mid)}}" class="btn btn-outline-success btn-sm mx-auto d-block w-25 my-5">
                        <i class="fa fa-file-excel-o me-1"></i>
                        Export
                        </a> --}}
                        <div class="table-responsive">
                            <table class="data-table-example table table-striped table-bordered table-vcenter text-nowrap">
                                <thead class="text-center pt-4">
                                    <tr>
                                        <th>Course Name</th>
                                        <th>Period</th>
                                        <th>Exam Fees</th>
                                        <th>School Fees</th>
                                        <th>Total Fees</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody class="text-center">
                                    @forelse ($is_paid_invoice as $item)
                                    <tr>
                                        <td>
                                            {{ $item->name }}_{{ $item->cname }}({{ $item->lshort_name }})
                                        </td>
                                        <td>
                                            {{ $item->start_date . ' - ' . $item->end_date }}
                                        </td>
                                        <td>
                                            {{ $item->exam_fee }}.00 L.E
                                        </td>
                                        <td>
                                            {{ $item->school_fee }}.00 L.E
                                        </td>
                                        <td>
                                            {{ $item->total_fee }}.00 L.E
                                        </td>
                                        <td>
                                            <button class="btn btn-danger refund-button" data-id="{{ $item->examination_invoice_id }}">Refund</button>
                                        </td>
                                    </tr>
                                    @empty
                                        <td colspan="7" class="text-center">No paid invoices available.</td>
                                    @endforelse
                                    
                                </tbody>
                                <tfoot class="">
                                    @if(count($is_paid_invoice) > 0)
                                    <tr>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td class="text-center">
                                            <button type="button" id="export-pdf" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#invoiceModal">
                                                Export PDF
                                            </button>
                                        </td>
                                    </tr>
                                    @endif
                                </tfoot>
                            </table>
                            <!-- Modal -->
                            <div class="modal fade" id="invoiceModal" tabindex="-1" aria-labelledby="invoiceModalLabel" aria-hidden="true">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title" id="invoiceModalLabel">Invoice</h5>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                        </div>
                                        <div class="modal-body" id="invoiceContent">
                                            <div class="flex-lg-row-fluid me-xl-18 mb-10 mb-xl-0">
                                                <!--begin::Invoice 2 content-->
                                                <div>
                                                    <img alt="Logo" src="{{ secure_asset('/images/new-logo.png') }}" width="150" class="mx-auto d-block">

                                                        <div class="d-flex justify-content-center m-4">
                                                            <div class="d-block">
                                                                <div class="fw-bold text-center fs-7 text-gray-600 mb-1">StudentID:</div>
                                                                <div class="fw-bold fs-6 text-gray-800">{{ $student->username }}</div>
                                                            </div>
                                                            {{-- <div class="d-block">
                                                                <div class="fw-bold text-center fs-7 text-gray-600 mb-1">Period:</div>
                                                                <div class="fw-bold fs-6 text-gray-800">{{ $period->start_date }} / {{ $period->end_date }}</div>
                                                            </div> --}}
                                                        </div>
                                                        <!--end::Row-->
                                                        <!--begin::Content-->
                                                        <div class="flex-grow-1">
                                                            <!--begin::Table-->
                                                            <div class="table-responsive border-bottom mb-4">
                                                                <table class="table table-bordered border-top">
                                                                    <thead>
                                                                        <tr>
                                                                            <th>Course Name</th>
                                                                            <th>Period</th>
                                                                            <th>School Fee</th>
                                                                            <th>Exam Fee</th>
                                                                            <th>Total Fee</th>
                                                                        </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                        @php
                                                                            $total = 0;
                                                                        @endphp
                                                                        @foreach ($is_paid_invoice as $item)
                                                                            <tr class="text-center">
                                                                                <td>{{ $item->name }}_{{ $item->cname.' ('.$item->lshort_name .')'  }}</td>
                                                                                <td>
                                                                                    {{ $item->start_date . '  ' . $item->end_date}}
                                                                                </td>
                                                                                <td>{{ $item->exam_fee }}.00 L.E</td>
                                                                                <td>{{ $item->school_fee }}.00 L.E</td>
                                                                                <td>{{ $item->total_fee }}.00 L.E</td>
                                                                                @php
                                                                                    $total += $item->total_fee;
                                                                                @endphp
                                                                            </tr>
                                                                        @endforeach
                                                                    </tbody>
                                                                </table>
                                                            </div>
                                                            <!--end::Table-->

                                                            <!--begin::Container-->
                                                            <div class="d-flex justify-content-end">
                                                                <div class="mw-300px">
                                                                    <!--begin::Item-->
                                                                    <div>
                                                                        <span class="fw-bold fs-4 text-gray-600">Total:</span>
                                                                        <span class="text-gray-800 fs-4 fw-bold">{{ $total }}.00 L.E</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <!--end::Container-->
                                                        </div>
                                                        <!--end::Content-->

                                                </div>
                                                <!--end::Invoice 2 content-->
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <x-download-pdf contentId="invoiceContent" fileName="invoice"/>
                                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-10">
                <div class="card" style="background-color: #fce6e6">
                    <div class="card-header">
                        <h3 class="card-title">
                            Refunded Invoices
                        </h3>
                    </div>

                    <div class="card-body">
                        {{-- <a href="{{route('meeting.exportLiveExternalAttendance',$meeting_info->mid)}}" class="btn btn-outline-success btn-sm mx-auto d-block w-25 my-5">
                        <i class="fa fa-file-excel-o me-1"></i>
                        Export
                        </a> --}}
                        <div class="table-responsive">
                            <table class="data-table-example table table-striped table-bordered table-vcenter text-nowrap">
                                <thead class="text-center pt-4">
                                    <tr>
                                        <th>Course Name</th>
                                        <th>Period</th>
                                        <th>Exam Fees</th>
                                        <th>School Fees</th>
                                        <th>Total Fees</th>
                                        {{-- <th>Action</th> --}}
                                    </tr>
                                </thead>
                                <tbody class="text-center">
                                    @forelse ($re_fund_invoice as $item)
                                    <tr>
                                        <td>
                                            {{ $item->name }}_{{ $item->cname }}({{ $item->lshort_name }})
                                        </td>
                                        <td>
                                            {{ $item->start_date . ' - ' . $item->end_date }}
                                        </td>
                                        <td>
                                            {{ $item->exam_fee }}.00 L.E
                                        </td>
                                        <td>
                                            {{ $item->school_fee }}.00 L.E
                                        </td>
                                        <td>
                                            {{ $item->total_fee }}.00 L.E
                                        </td>
                                        {{-- <td>
                                            <button class="btn btn-danger refund-button" data-id="{{ $item->examination_invoice_id }}">Refund</button>
                                        </td> --}}
                                    </tr>
                                    @empty
                                        <td colspan="6" class="text-center">No paid invoices available.</td>
                                    @endforelse
                                    {{-- @if(count($is_paid_invoice) > 0)
                                    <tr>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td>
                                            <button type="button" id="export-pdf" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#invoiceModal">
                                                Export PDF
                                            </button>
                                        </td>
                                    </tr>
                                    @endif --}}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
@endsection
@section('admin-js')

<script>
    $(document).ready(function() {
        $('.pay-button').on('click', function() {
            var invoiceId = $(this).data('id');
            var row = $(this).closest('tr');
            var totalFee = parseFloat(row.find('td:nth-child(4)').text());
            var totalValueCell = $('.total_value');
            var totalValue = parseFloat(totalValueCell.text());

            // SweetAlert confirmation before proceeding
            Swal.fire({
                title: 'Are you sure?',
                text: "You are about to pay the invoice.",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, pay it!',
                cancelButtonText: 'No, cancel!'
            }).then((result) => {
                if (result.isConfirmed) {
                    // If confirmed, proceed with the AJAX call
                    $.ajax({
                        url: '{{ route("staff.examination.invoices.pay") }}',
                        type: 'GET',
                        data: { id: invoiceId },
                        success: function(response) {
                            console.log(response);
                            if (response.success) {
                                notif({
                                    type: "success",
                                    msg: response.message,
                                    position: "center",
                                    opacity: 0.8,
                                    multiline: true,
                                    autohide: true
                                });

                                var newTotalValue = totalValue - totalFee;
                                totalValueCell.text(newTotalValue.toFixed(2));

                                row.remove();
                                location.reload();
                            } else {
                                notif({
                                    type: "error",
                                    msg: response.message,
                                    position: "center",
                                    opacity: 0.8,
                                    multiline: true,
                                    autohide: true
                                });
                            }
                        },
                        error: function(xhr) {
                            notif({
                                type: "error",
                                msg: "Error occurred while processing payment.",
                                position: "center",
                                opacity: 0.8,
                                multiline: true,
                                autohide: true
                            });
                        }
                    });
                }
            });
        });

        $('.pay-all').on('click', function() {
            var studentId = $(this).data('student-id');
            var periodId = $(this).data('period');

            var invoiceIds = [];
            $('.pay-button').each(function() {
                invoiceIds.push($(this).data('id'));
            });

            Swal.fire({
                title: "Are you sure?",
                text: "Do you want to proceed with payment for all invoices?",
                icon: "warning",
                showCancelButton: true, // Show the cancel button
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, pay all!',
                cancelButtonText: 'No, cancel!'
            }).then((result) => {
                if (result.isConfirmed) { // If the user confirms
                    if (invoiceIds.length > 0) {
                        $.ajax({
                            url: '{{ route("staff.examination.invoices.pay_all") }}',
                            type: 'GET',
                            data: {
                                ids: invoiceIds,
                                student_id: studentId,
                                period_id: periodId
                            },
                            success: function(response) {
                                if (response.success) {
                                    Swal.fire({
                                        title: "Payment Successful",
                                        text: response.message,
                                        icon: "success",
                                        button: "OK"
                                    }).then(() => {
                                        var redirectUrl = `/staff/examination/invoices/show/${studentId}/${periodId}`;
                                        window.location.href = redirectUrl; // Redirect after successful payment
                                    });
                                } else {
                                    Swal.fire("Error", response.message, "error");
                                }
                            },
                            error: function(xhr) {
                                Swal.fire("Error", "Error occurred while processing payment.", "error");
                            }
                        });
                    } else {
                        Swal.fire("Error", "No invoices to pay.", "error");
                    }
                } else {
                    Swal.fire("Payment cancelled", "", "info");
                }
            });
        });

        $('.refund-button').on('click', function() {
            var invoiceId = $(this).data('id');

            // Show confirmation prompt
            Swal.fire({
                title: "Are you sure?",
                text: "Do you want to proceed with the refund?",
                icon: "warning",
                showCancelButton: true, // Show the cancel button
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, refund it!',
                cancelButtonText: 'No, cancel!'
            }).then((result) => {
                if (result.isConfirmed) { // If the user confirms
                    // Proceed with the refund
                    $.ajax({
                        url: '{{ route("staff.examination.invoices.refund") }}',
                        type: 'GET',
                        data: {
                            id: invoiceId
                        },
                        success: function(response) {
                            if (response.success) {
                                // Show success notification
                                notif({
                                    type: "success",
                                    msg: response.message,
                                    position: "center",
                                    opacity: 0.8,
                                    multiline: true,
                                    autohide: true
                                });

                                // Redirect to the provided URL
                                window.location.href = response.redirect_url;
                            } else {
                                // Show error notification
                                notif({
                                    type: "error",
                                    msg: response.message,
                                    position: "center",
                                    opacity: 0.8,
                                    multiline: true,
                                    autohide: true
                                });
                            }
                        },
                        error: function(xhr) {
                            // Show error notification for AJAX failure
                            notif({
                                type: "error",
                                msg: "Error occurred while processing refund.",
                                position: "center",
                                opacity: 0.8,
                                multiline: true,
                                autohide: true
                            });
                        }
                    });
                } else {
                    // Show info message if the user cancels the refund
                    Swal.fire("Refund cancelled", "", "info");
                }
            });
        });

    });

</script>

<script>
    $(document).ready(function(){
        $('.data-table').dataTable( {
            "drawCallback": function( settings ) {
            },
            "bPaginate": false,
            "searching": true,
            "ordering": true,
            "info": false,
        })
    })
</script>
@endsection