@extends('layouts.admin.admin-app')
@section('title','Fee Waiver Report')
@section('content')



<div class="main-content">
    <div class="content_wrapper">
        <div class="content ">
            <div class="content_header">

                <div class="search_section justify-content-between">
                    <div class="d-flex justify-content-between align-items-center">
                        <div class="page_title">
                            <h2>Fee Waiver Report</h2>
                        </div>
                        <ul class="filter_right list-inline text-right mb-0">
                            <li class="list-inline-item">
                                <a href="javascript:void(0);" class="btn ripple-effect" onclick="getFilterOpen()" data-toggle="tooltip" data-placement="top" title="Filter"><i class="icon-filter-filled-tool-symbol" ></i> </a>
                            </li>

                        </ul>
                    </div>
                </div>

                <div class="filter_form bg-white " id="filterform">
                    <div class="d-flex top_filter">
                        <div class="filter_heading">
                            <h2>Filters</h2>
                        </div>    
                        <div class="ml-auto">
                            <div class="close_btn" onclick="getFilterClose()">
                                <div class="x common rotate30 rotate45"></div>  
                                <div class="z common rotate150 rotate135"></div>
                            </div>
                        </div>
                    </div>
                    <form action="javascript:void(0);" id="frmFilter">
                        <div class="form_body ">
                            <div class="form-group">
                                <label for="">Service Number</label>
                                <input type="text" name="booking_number" class="form-control" placeholder="Service Number">
                            </div>
                            <div class="form-group">
                                <label class="control-label">Service Date</label>
                                <div class="dateIcon">
                                    <input type="text" readonly name="booking_date" id="bookingDate" class="form-control datetimepicker-input" data-target="#bookingDate" data-toggle="datetimepicker" placeholder="Service Date">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label">Service Time</label>
                                <div class="timeIcon">
                                    <input type="text" readonly name="booking_time" id="startTime" class="form-control time datetimepicker-input" data-target="#startTime" data-toggle="datetimepicker" placeholder="Service Time">
                                </div>
                            </div>
                            <div class="form-group">
                                <label>Employee Name</label>
                                <input type="text" name="employee_name" class="form-control" placeholder="Employee Name">
                            </div>
                            <div class="form-group">
                                <label>Customer Name</label>
                                <input type="text" name="customer_name" class="form-control" placeholder="Customer Name">
                            </div>
                            <div class="form-group">
                                <label>Payment Status</label>
                                <select class="selectpicker select-custom form-control" name="fee_status" title="Select Payment Status" data-size="3">
                                     <option value="">Select Status</option> 
                                     <option value="pending">Pending</option> 
                                     <option value="settled">Settled</option> 
                                     <option value="approved">Approved</option> 
                                </select>
                            </div>

                        </div>
                        <div class="form-group d-flex submit_btn btn_botttom">
                            <button type="button" onclick="resetFilter()" class="btn btn-light  ripple-effect">Reset</button>
                            <div class="ml-auto">
                                <button type="submit" class="btn btn-warning  ripple-effect" onclick="getFeeWaiverReportList()">Apply</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="view_body">
                <div class="ajax_list_load">
                    <div id="fee_waiver_report_list"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        getFeeWaiverReportList();
    });

    //Ajax load content
    function getFeeWaiverReportList(url) {
        $("#fee_waiver_report_list").html('{{ajaxLoader()}}');
        var pageUrl = url || "{{ url('/admin/load-fee-waiver-report-list') }}";
        var url = pageUrl;
        $.ajax({type: "GET", url: url, data: $('#frmFilter').serialize(),
            success: function (response) {
                $("#fee_waiver_report_list").html("");
                $("#fee_waiver_report_list").html(response);
            }
        });
    }

    function getFilterApply() {
        $(".btn_loader").css('display', 'inline-block');
        setTimeout(function () {
            $(".btn_loader").hide();
        }, 1000);
    }

    function resetFilter() {
        $('#frmFilter')[0].reset();
        $('.selectpicker').selectpicker('refresh');
        getFilterClose();
        getFeeWaiverReportList();
    }

    // function to show hide duration-box on selectDuration select
    $("#selectDuration").change(function () {
        var val = $(this).val();
        if (val === "duration") {
            $(".duration-box").show();
        }
        else {
            $(".duration-box").hide();
        }
    });

    $(function () {
        if ($('#bookingDate').length > 0) {
            $('#bookingDate').datetimepicker({
                format: '{{getDatePickerForamt()}}',
                useCurrent: false,
                ignoreReadonly: true,
                maxDate: new Date(Date.now() + 1 * 24 * 60 * 60 * 1000),
                minDate: '1990-01-01'
            });
            $('#startTime').datetimepicker({
                format: 'LT',
                useCurrent: false,
                ignoreReadonly: true,
                maxDate: new Date(Date.now() + 1 * 24 * 60 * 60 * 1000),
                minDate: '1990-01-01'
            });

        }
    });



    function exportReportList(type) {
        if (type == 'pdf') {
            var url = "{{ url('admin/export-report-pdf')}}";
        } else {
            var url = "{{ url('admin/export-report-excel')}}";
        }
        var token = '{{ csrf_token() }}';
        $.ajax({
            type: "GET",
            url: url,
            data: $('#frmFilter').serialize(),
            success: function (response) {
                if (response.status === false) {
                    errorToaster(response.message, 'Report');
                } else {
                    if (type == 'pdf') {
                        window.open("{{url('/admin/report-pdf')}}", '_blank');
                    } else {
                        window.open("{{url('/admin/report-excel')}}", '_blank');
                    }
                }
            },
            error: function () {
            },
            complete: function () {
            }
        });
    }

    function updateFeeWaiverStatus(id) {
        var currentPage = $("#hdnCurrentPage").val();
        bootbox.confirm('Are you sure do you want to change status?', function (result) {
            var token = "{{csrf_token()}}";
            var status = $('#status_' + id).val();
            if (result) {
                $.ajax({
                    type: "POST",
                    url: '{{url("admin/update-fee-waiver-status")}}',
                    data: {
                        _token: token,
                        status: status,
                        id: id
                    },
                    success: function (response) {
                        if (response.status) {
                            successToaster(response.message, 'Fee-Waiver status');
                            var url = "{{ url('/admin/load-fee-waiver-report-list') }}?page=" + currentPage;
                           // getFeeWaiverReportList(url);
                        } else {
                            errorToaster(response.message, 'Fee-Waiver');
                        }
                    }
                });
            } else {
                $('#status_' + id).val($('#status_' + id).attr('data-value'));
            }
        });
    }
</script>
@endsection