@extends('layouts.admin')

@section('content')
<!--App-Content-->
<div class="app-content my-3 my-md-5">
    <div class="side-app">
        <x-page.header>Registration Courses</x-page.header>

        @include('admin.errors.form-errors')
        <div class="row">
            <!-- Courses List -->
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <form action="{{ route('staff.examination.invoices.show_all') }}" method="get" aria-labelledby="createSession">
                            <fieldset>
                                <legend id="createSession" class="sr-only">Search courses</legend>
                                <div class="form-group">
                                    <div class="form-group">
                                        <label for="student" class=" mt-3 mb-sm-1"> Student: <i
                                                class="text-danger">(required)</i></label>
                                        <select class="form-control select2-show-search" id="student" required name="student">
                                            <option value="0" disabled selected>Search with userID or email</option>
                                        </select>
                                    </div>
                                </div>
                                <button type="submit" class="btn btn-primary mx-auto d-block">Search</button>
                            </fieldset>
                        </form>
                    </div>
                </div>
                @if (isset($student))
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Courses List</h3>
                    </div>
                    <div class="card-body">

                        <div class="table-responsive">
                            <table class="data-table-example table table-striped table-bordered table-vcenter text-nowrap">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Course Name</th>
                                        <th>Exam Fee</th>
                                        <th>School Fee</th>
                                        <th>Total Fee</th>
                                        <th>Status</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($invoices as $key => $item)
                                        <tr>
                                            <td>{{ ++$key }}</td>
                                            <td>{{ $item->name }}_{{ $item->cname }} ({{ $item->lshort_name }})</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 class="text-center">
                                                @if($item->is_paid == 1 && $item->examination_invoice_is_deleted == 1)
                                                    <span class="badge badge-danger">Refunded</span>
                                                @elseif($item->is_paid == 1 && $item->examination_invoice_is_deleted == 0)
                                                    <span class="badge badge-success">Paid</span>
                                                @else
                                                <span class="badge badge-primary">Not Paid</span>
                                                @endif
                                            </td>
                                            <td class="text-center">
                                                @if($item->is_paid == 0)
                                                    <a href="javascript:void(0);" class="btn btn-danger remove-button" data-id="{{ $item->examination_invoice_id }}"> <i class="fa fa-trash fs-16"></i> Delete Invoice Record</a>
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                @endif
            </div>
        </div>

    </div>
</div>
@endsection

@section('admin-js')
<script>
    $('#student').on('select2:select', function (e) {
        var selectedData = e.params.data;
        var esid = selectedData.esid;

        var $course = $('#course');
        $('#course').empty();
        $('#course').append(`<option value="0" disabled selected>Processing...</option>`);
        $.ajax({
            url: "{{ route('educationSystemFilter') }}",
            type: 'GET',
            data: {
                esid: esid
            },
            success: function(data) {
                $('#course').empty();
                $('#course').append(
                    `<option value="0" disabled selected>Select Course*</option>`);
                // offered course
                $.each(data.course, function(id, value) {
                    value.teaching_team.coaching_teachers.map((teacher)=>{
                                $course.append('<option value="' + value.coffid + '">' +
                                (value.has_label ? '( '+value.label+' ) ' : '') +  value.course.cname + ' ( '+ value.course.level.lshort_name+' ) '
                                +'_ '+ teacher.first_name+' '+ teacher.middle_name+' '+ teacher.last_name
                                +'_ '+value.academic_year_session.sessions.sname+'_'+value.academic_year_session.year
                                +'</option>');
                            })
                });
            }
        });
    });
  </script>
  <script>
    $(document).ready(function() {

        $('.remove-button').on('click', function() {
            var invoiceId = $(this).data('id');
            var row = $(this).closest('tr');

            Swal.fire({
                title: "Are you sure?",
                text: "Do you want to delete this record?",
                icon: "warning",
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, remove it!',
                cancelButtonText: 'No, cancel!'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: '{{ route("staff.examination.invoices.remove_invoice") }}',
                        type: 'GET',
                        data: {
                            id: invoiceId
                        },
                        success: function(response) {
                            if (response.success) {
                                notif({
                                    type: "success",
                                    msg: response.message,
                                    position: "center",
                                    opacity: 0.8,
                                    multiline: true,
                                    autohide: true
                                });

                                row.fadeOut(500, function() {
                                    $(this).remove();
                                });

                                // window.location.href = response.redirect_url;
                            } 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 delete.",
                                position: "center",
                                opacity: 0.8,
                                multiline: true,
                                autohide: true
                            });
                        }
                    });
                } else {
                    Swal.fire("Deletion cancelled", "", "info");
                }
            });
        });

    });
  </script>
@endsection