@extends('layouts.layout')

@section('title', 'Pre Allocation')
<!-- @section('content') -->
@section('content')

    <!--maintainance code -->
    <section class="dashboard-inner mb-5">
        <div class="permission-block">
            <div class="dashboard-header">
                <h3>Pre Allocation</h3>

                <a href="javascript:void(0)" onclick="runpreallocation()"
                    class="btn allocation-btn @if ($bookingcount <= 0) disabled-form @endif">Run Pre-Allocation <div
                        class="allocation-loader d-none"><img src="{{ asset('images/loader-white.svg') }}" /></div></a>
            </div>
            <form>
            <div class="user-select-group select-auto align-items-center flex-wrap">

                                    <input type="hidden" id="search_franchise" value="{{ $franchise_id }}" />
                
                


                <select class="form-select ml-3" id="search_term" name="term">
                    @foreach ($terms as $termItem)
                        <option {{ (($termItem['id'] == $searchterm) ? "selected" : "") }} value="{{ $termItem['id'] }}">{{ $termItem['term_name'] }}</option>
                    @endforeach

                </select>
                <button type="submit" class="btn mb-0">Filter</button>
                @if (!empty($searchfranchise) || !empty($searchvenue) || !empty($searchterm))

                <div id="clearbtn">
                    <a href="{{ url('pre-allocation') }}" class="btn">Clear</a>
                </div>
                @endif
            </div>
            </form>
            <div class="table-wrap-preallocation last-th-none">
                <table id="example1" class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>Franchise</th>
                            <th>Order ID</th>
                            <th>Transaction Date</th>
                            <th>Customer Name</th>
                            <th>Student</th>
                            <th width="250">Current Class</th>
                            <th width="250">New class</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>
        </div>
    </section>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

    <script src="https://cdn.datatables.net/1.10.9/js/jquery.dataTables.js"></script>

    <script>
        var roleid = "{{$role_id}}";
        var termId = "{{$searchterm}}";

        if (roleid == 1) {
            //getvenue($("#search_franchise").val());
        } else {
            getvenue();
        }

        $(function() {
            if (roleid == 1) {
                $(".table-wrap-preallocation .table").DataTable({
                    processing: true,
                    serverSide: true,

                    dom: '<"custom-table-info"<"custom-table-left"B><"custom-table-right"frlp>><"custom-table"t>p',
                    language: {
                        searchPlaceholder: "Search",
                        lengthMenu: '<select class="form-select">' +
                            '<option value="50">Show: 50</option>' +
                            '<option value="75">Show: 75</option>' +
                            '<option value="100">Show: 100</option>' +
                            '<option value="150">Show: 150</option>' +
                            '<option value="300">Show: 300</option>' +
                            '<option value="-1">Show: All</option>' +
                            "</select> ",
                    },
                    pageLength: 50,
                    ajax: {
                        url: "{{ route('pre-allocation') }}",
                        data: function(d) {
                            d.search = $('input[type="search"]').val();
                            d.franchise = $('#search_franchise').val();
                            d.term = $('#search_term').val();
                            d.venue = $('#search_venue').val();
                        }
                    },
                    columnDefs: [{
                        targets: 2,
                        render: DataTable.render.datetime('DD/MM/YYYY hh:mm A')
                    }],
                    ordering: true,
                    order: [
                        [2, 'desc']
                    ],
                    columns: [{
                            data: 'franchise',
                            name: 'franchise',
                            searchable: true
                        },
                        {
                            data: 'order_id',
                            name: 'order_id',
                            searchable: true
                        },
                        {
                            data: 'transactiondate',
                            name: 'transactiondate',
                            searchable: true
                        },
                        {
                            data: 'customer_name',
                            name: 'customer_name',
                            searchable: true
                        },
                        {
                            data: 'student_name',
                            name: 'student_name',
                            searchable: true
                        },
                        {
                            data: 'current_class',
                            name: 'current_class',
                            searchable: true,
                            orderable: false
                        },
                        {
                            data: 'new_class',
                            name: 'new_class',
                            searchable: true,
                            orderable: false
                        },
                        {
                            data: 'edit',
                            name: 'edit',
                            searchable: true,
                            orderable: false
                        },
                    ],
                    fnDrawCallback: function(oSettings, json) {

                        $(".table-wrap-preallocation").addClass('pre-allocation-table');
                        $("html, body").animate({
                                scrollTop: $(".table-wrap-preallocation").offset().top,
                            },
                            "slow"
                        );
                        if ($('.table-wrap-preallocation').find(".dataTables_paginate").eq(0).find(
                                'span').find("a").length > 1) {
                            $('.table-wrap-preallocation').find(".dataTables_paginate").show();
                        } else {
                            $('.table-wrap-preallocation').find(".dataTables_paginate").hide();
                        }
                    },
                    ordering: true,
                    buttons: ["excel", "pdf", "print"],

                });
            } else {
                $(".table-wrap-preallocation .table").DataTable({
                    processing: true,
                    serverSide: true,
                    dom: '<"custom-table-info"<"custom-table-left"B><"custom-table-right"frlp>><"custom-table"t>p',
                    language: {
                        searchPlaceholder: "Search",
                        lengthMenu: '<select class="form-select">' +
                            '<option value="50">Show: 50</option>' +
                            '<option value="75">Show: 75</option>' +
                            '<option value="100">Show: 100</option>' +
                            '<option value="150">Show: 150</option>' +
                            '<option value="300">Show: 300</option>' +
                            '<option value="-1">Show: All</option>' +
                            "</select> ",
                    },
                    pageLength: 50,
                    ajax: {
                        url: "{{ route('pre-allocation') }}",
                        data: function(d) {
                            d.search = $('input[type="search"]').val();
                            d.franchise = $('#search_franchise').val();
                            d.term = $('#search_term').val();
                        }
                    },
                    ordering: true,
                    order: [
                        [2, 'desc']
                    ],
                    columnDefs: [{
                        targets: 2,
                        render: DataTable.render.datetime('DD/MM/YYYY hh:mm A')
                    }],
                    columns: [{
                            data: 'franchise',
                            name: 'franchise',
                            searchable: true,
                            visible: false
                        },
                        {
                            data: 'order_id',
                            name: 'order_id',
                            searchable: true
                        },
                        {
                            data: 'transactiondate',
                            name: 'transactiondate',
                            searchable: true
                        },
                        {
                            data: 'customer_name',
                            name: 'customer_name',
                            searchable: true
                        },
                        {
                            data: 'student_name',
                            name: 'student_name',
                            searchable: true
                        },
                        {
                            data: 'current_class',
                            name: 'current_class',
                            searchable: true,
                            orderable: false
                        },
                        {
                            data: 'new_class',
                            name: 'new_class',
                            searchable: true,
                            orderable: false
                        },
                        {
                            data: 'edit',
                            name: 'edit',
                            searchable: true,
                            orderable: false
                        },
                    ],
                    fnDrawCallback: function(oSettings, json) {

                        $(".table-wrap-preallocation").addClass('pre-allocation-table');

                        $("html, body").animate({
                                scrollTop: $(".table-wrap-preallocation").offset().top,
                            },
                            "slow"
                        );
                        if ($('.table-wrap-preallocation').find(".dataTables_paginate").eq(0).find(
                                'span').find("a").length > 1) {
                            $('.table-wrap-preallocation').find(".dataTables_paginate").show();
                        } else {
                            $('.table-wrap-preallocation').find(".dataTables_paginate").hide();
                        }
                    },
                    ordering: true,
                    buttons: ["excel", "pdf", "print"],

                });
            }
        });

        function getvenue(e) {
            // alert(e) ;
            var franchise_id = e;
            if (e != null) {

                $.ajax({
                    type: 'POST',
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    data: {
                        fid: franchise_id
                    },
                    url: "/class/get-venue", // if the route is defined in routes/api.php, you need to prefix it with api/
                    success: function(response) {


                        if (response.venue.length > 0) {
                            response.venue.forEach(el => {
                                $("#search_venue").append(`<option value='${el.id}'> ${el.name}</option>`)
                            })
                        }
                    },
                });
            } else {
                //$("#search_venue").append(`<option value='' selected > Select Venue</option>`)
            }
        }

        function selecterm() {
            $('.table-wrap-preallocation .table').DataTable().ajax.reload();

        }

        function selecfranchise(val) {
            $("#search_venue").html(`<option value="">Select Venue</option>`)
            getvenue(val);
            //$('.table-wrap-preallocation .table').DataTable().ajax.reload();
            //clearfiletr();
        }

        function clear_filter() {
            var franchise = $('#search_franchise').val('');

            if (roleid == 1) {
                $('#search_term').val(termId)
                $("#search_venue").html(`<option value="">Select Venue</option>`)
            }
            $("#clearbtn").addClass('d-none');
            $('.table-wrap-preallocation .table').DataTable().ajax.reload();
        }

        function clearfiletr() {
            var franchise = $('#search_franchise').val();
            $('#search_term').val(termId)
            if (franchise != '') {
                $("#clearbtn").removeClass('d-none');
                $('.table-wrap-preallocation .table').DataTable().ajax.reload();

            } else {
                // $("#clearbtn").addClass('d-none');
            }
            $('.table-wrap-preallocation .table').DataTable().ajax.reload();
        }

        function runpreallocation() {

            $(".allocation-loader").removeClass('d-none');
            $(".allocation-btn").addClass('disabled-form');
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            var url = "/run-pre-allocation";

            var search_franchise = $("#search_franchise").val();
            var search_venue = $("#search_venue").val();
            var search_term = $("#search_term").val();

            if(search_franchise != "" && search_franchise != undefined) {
                url += "?search_franchise="+search_franchise;
            }


            if(search_term != "") {
                if(search_franchise == "" || search_franchise == undefined) {
                    url += "?search_term="+search_term;
                }else {
                    url += "&search_term="+search_term;
                }
            }

            if(search_venue != "" && search_venue != undefined) {
                url += "&search_venue="+search_venue;
            }

            $.ajax({
                type: 'GET',
                url: url,
                dataType: 'HTML',
                success: function(data) {
                    //  alert(data);
                    if (data == true) {
                        const swalWithBootstrapButtons = Swal.mixin({
                            customClass: {
                                confirmButton: 'btn btn-success',
                                cancelButton: 'btn btn-danger'
                            },
                            buttonsStyling: false
                        });

                        swalWithBootstrapButtons.fire(
                            'Success!',
                            `Pre Allocation Run Successfully.`,
                            'success'
                        );
                        $(".allocation-loader").addClass('d-none');
                        $(".allocation-btn").removeClass('disabled-form');
                        $('.table-wrap-preallocation .table').DataTable().ajax.reload();
                    } else {
                        const swalWithBootstrapButtons = Swal.mixin({
                            customClass: {
                                confirmButton: 'btn btn-success',
                                cancelButton: 'btn btn-danger'
                            },
                            buttonsStyling: false
                        });

                        swalWithBootstrapButtons.fire(
                            'Success!',
                            `No Pre Allocation Class is there.`,
                            'success'
                        );
                        $(".allocation-loader").addClass('d-none');
                        $(".allocation-btn").removeClass('disabled-form');
                        $('.table-wrap-preallocation .table').DataTable().ajax.reload();
                    }
                },
            }).then(data => {})
        }

        function cancel_renewal(id) {
            const swalWithBootstrapButtons = Swal.mixin({
                customClass: {
                    confirmButton: 'btn btn-success',
                    cancelButton: 'btn btn-danger'
                },
                buttonsStyling: false
            });

            swalWithBootstrapButtons.fire({
                title: 'Are you sure?',
                text: `You want to cancel this renewal?`,
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Yes',
                cancelButtonText: 'No',
                reverseButtons: true
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        type: 'POST',
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        data: {
                            id: id
                        },
                        url: '/cancel-renewal',
                        success: function(response) {
                            const swalWithBootstrapButtons = Swal.mixin({
                                customClass: {
                                    confirmButton: 'btn btn-success',
                                    cancelButton: 'btn btn-danger'
                                },
                                buttonsStyling: false
                            });

                            swalWithBootstrapButtons.fire(
                                'Success!',
                                `Cancel renewal class successfully.`,
                                'success'
                            );
                            $('.table-wrap-preallocation .table').DataTable().ajax.reload();
                        }
                    })
                }
            });

        }



        function displaymanualselect(bid, classid, userid, studentid) {
            const swalWithBootstrapButtons = Swal.mixin({
                customClass: {
                    confirmButton: 'btn btn-success',
                    cancelButton: 'btn btn-danger'
                },
                buttonsStyling: false
            });

            swalWithBootstrapButtons.fire({
                title: 'Are you sure?',
                text: `Add manually next class for this student?`,
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Yes',
                cancelButtonText: 'No',
                reverseButtons: true
            }).then((result) => {
                if (result.isConfirmed) {
                    $("#selectatag" + bid).addClass('disabled-form');
                    $("#cname" + bid).addClass("d-none");
                    $("#select" + bid).removeClass("d-none");
                    $('#select' + bid).empty();
                    $("#select" + bid).append(`<option value='' selected> Select Class</option>`)
                    $.ajax({
                        type: 'GET',
                        url: '/preallocation-get-next-class/' + classid,
                        success: function(response) {
                            //console.log(data);
                            if (response.classselect.length > 0) {

                                response.classselect.forEach(el => {
                                    const [hours, minutes] = el.start_time.split(':');

                                    // Create a new Date object with today's date and the extracted hours and minutes
                                    const date = new Date();
                                    date.setHours(hours);
                                    date.setMinutes(minutes);
                                    date.setSeconds(0);

                                    // Format the time using toLocaleTimeString() with options for desired format
                                    const options = {
                                        hour: '2-digit',
                                        minute: '2-digit',
                                        hour12: false // Set to true for AM/PM format, false for 24-hour format
                                    };
                                    const formattedTime = date.toLocaleTimeString([], options);

                                    var spacesAvailable = ' (' + el?.booking_available + ')';
                                    if(el?.booking_available > 0) {
                                        $("#select" + bid).append(`<option value='${el.id}'> ${el.franchise.name}|${el.term.term_name}|${el.classage.class_age_from}-${el.classage.class_age_to}|${formattedTime}${spacesAvailable}</option>`);
                                    } else {
                                        $("#select" + bid).append(`<option disabled value='${el.id}'> ${el.franchise.name}|${el.term.term_name}|${el.classage.class_age_from}-${el.classage.class_age_to}|${formattedTime}${spacesAvailable}</option>`);
                                    }


                                })
                            } else {

                                $("#select" + bid).append(
                                    `<option value=''>No Next Class available</option>`);

                            }
                        }
                    })
                } else if (
                    result.dismiss === Swal.DismissReason.cancel,
                    $("#selectatag" + bid).removeClass('disabled-form')
                ) {
                    swalWithBootstrapButtons.fire(
                        'Cancelled',
                        'Your Data is safe :)',
                        'error'
                    );
                    $("#selectatag" + bid).removeClass('disabled-form');
                }
            });

        }

        function savegetclasslistdata(value, bid, classid, userid, studentid) {
            if (value != '') {
                $.ajax({
                    type: 'POST',
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    data: {
                        new_class_value: value,
                        bid: bid,
                        userid: userid,
                        studentid: studentid,
                        classid: classid
                    },
                    url: '/savemanual-allocation-class',
                    success: function(response) {
                        const swalWithBootstrapButtons = Swal.mixin({
                            customClass: {
                                confirmButton: 'btn btn-success',
                                cancelButton: 'btn btn-danger'
                            },
                            buttonsStyling: false
                        });

                        swalWithBootstrapButtons.fire(
                            'Success!',
                            `Class Assigned Successfully.`,
                            'success'
                        );
                        $('.table-wrap-preallocation .table').DataTable().ajax.reload();
                    }
                })
            } else {
                const swalWithBootstrapButtons = Swal.mixin({
                    customClass: {
                        confirmButton: 'btn btn-success',
                        cancelButton: 'btn btn-danger'
                    },
                    buttonsStyling: false
                });

                swalWithBootstrapButtons.fire(
                    'error!',
                    `No class is there.`,
                    'error'
                );
                $('.table-wrap-preallocation .table').DataTable().ajax.reload();
            }
        }
    </script>
@endsection