@extends('layouts.app')
@section('title', 'Cancelled Invoice Report')
@section('content')
    <div class="container-fluid">
        <div class="row px-3">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row" style="justify-content:end;">
                            <h5 class="col-md-6 text-color fw-bold">Cancelled Invoice Report</h5>
                            <div class="col-md-2 p-0 reports_date_filter_section">
                                <input required type="text" id="reports_date_filter" name="reports_date_filter"
                                    class="form-control datepick reports_date_filter" value=""
                                    onkeydown="return false">
                            </div>
                            <div class="col-md-2 pe-0 vendor_section">
                                <select class="form-select reports_vendor_id" name="reports_vendor_id"
                                    id="reports_vendor_id">
                                    <option value="0" selected> Select Vendor </option>
                                                                    </select>
                            </div>
                            <div class="col-md-2 pe-0 lender_section">
                                <select class="form-select reports_lender_id" name="reports_lender_id"
                                    id="reports_lender_id">
                                                                        <option value="">Select Vendor First</option>
                                                                    </select>
                            </div>
                        </div>
                        <div class="row">
                            <table id="cancelled_invoice_table" class="table table-bordered nowrap table-striped"
                                style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                <thead>
                                    <tr>
                                        <th> SI.No. </th>
                                        <th> Vendor Name </th>
                                        <th> Lender Name </th>
                                        <th> Invoice No. </th>
                                        <th> Service Requests </th>
                                        <th> Total Cost </th>
                                        <th> Invoice Generation DateTime </th>
                                        <th> Cancelled Reason </th>
                                        <th> Cancelled By </th>
                                        <th> Invoice Cancelled DateTime </th>
                                        <th> Action </th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('page_css')
    <link href="{{ asset('/plugins/daterangepicker/daterangepicker.css') }}" rel="stylesheet" type="text/css" />
    <style>
        .dataTables_info {
            margin-top: 5px !important;
        }

        div.dt-buttons {
            float: right;
        }

        .show-ranges {
            top: 107.6px !important;
            /* margin-top: -45px !important; */
        }
    </style>
@endsection

@section('page_script')
    <script src="{{ asset('/plugins/moment/moment.js') }}"></script>
    <script src="{{ asset('/plugins/daterangepicker/daterangepicker.js') }}"></script>
    <script>
        var vendorpaymentstatusTbl = '';
        $(document).ready(function() {
            function cancelled_invoice_data() {
                if ($.fn.dataTable.isDataTable('#cancelled_invoice_table') && vendorpaymentstatusTbl != '') {
                    vendorpaymentstatusTbl.draw(false);
                } else {
                    load_cancelled_invoice_data();
                }
            }

            function load_cancelled_invoice_data() {
                vendorpaymentstatusTbl = $('#cancelled_invoice_table').DataTable({
                    scrollX: true,
                    "order": [],
                    "processing": true,
                    "serverSide": true,
                    "ajax": {
                        url: "{{ url('/fetch-cancelledinvoicereport') }}",
                        method: "POST",
                        data: {
                            _token: '{!! csrf_token() !!}',
                        },
                        dataSrc: function(json) {
                            if (json.vendorInvRptCount > 0) {
                                $('.CancInvRpt').attr('disabled', false);
                            } else {
                                $('.CancInvRpt').attr('disabled', true);
                            }
                            return json.data;
                        },
                    },
                    columns: [{
                            data: 'id',
                            render: function(data, type, row, meta) {
                                return meta.row + meta.settings._iDisplayStart + 1;
                            }
                        },
                        {
                            data: 'lenders_data.vendor.name',
                            name: 'lenders_data.vendor.name',
                            defaultContent: "--"
                        },
                        {
                            data: 'lenders_data.lender_name',
                            name: 'lenders_data.lender_name',
                            defaultContent: "--"
                        },
                        {
                            data: 'invoice_no',
                            name: 'invoice_no',
                            defaultContent: "--"
                        },
                        {
                            data: 'service_requests',
                            name: 'service_requests',
                            defaultContent: "--"
                        },
                        {
                            data: 'total_unit_cost',
                            name: 'total_unit_cost',
                            defaultContent: "--"
                        },
                        {
                            data: 'generated_date_time',
                            name: 'generated_date_time',
                            defaultContent: "--"
                        },
                        {
                            data: 'cancelled_reason',
                            name: 'cancelled_reason',
                            className: 'text-wrap',
                            defaultContent: "--"
                        },
                        {
                            data: 'cancelled_by_user',
                            name: 'cancelled_by_user',
                            defaultContent: "--"
                        },
                        {
                            data: 'cancelled_date_time',
                            name: 'cancelled_date_time',
                            defaultContent: "--"
                        },
                        {
                            data: 'action_btn',
                            name: 'action_btn',
                            defaultContent: "--"
                        },
                    ],
                    dom: '<"mt-2"<"row"<"col-md-6"l><"col-md-6"<B><"float-end"f>>><"mb-1"<t>><"row"<"col"i><"col"p>>>',
                    buttons: [{
                        text: '<em class="mdi mdi-file-excel"></em> Export',
                        className: 'reportsbtn btn-color btn-sm ms-1 CancInvRpt',
                        attr: {
                            disabled: true,
                        },
                        action: function(e, dt, node, config) {
                            download_cancelled_invoice_report();
                        }
                    }],
                });
            }

            load_cancelled_invoice_data();

            $('.datepick').daterangepicker({
                singleDatePicker: false,
                showDropdowns: true,
                startDate: moment().subtract(1, 'weeks').startOf('isoWeek'),
                endDate: moment().subtract(1, 'weeks').endOf('isoWeek'),
                ranges: {
                    'Last Week': [moment().subtract(1, 'weeks').startOf('isoWeek'), moment().subtract(1,
                        'weeks').endOf('isoWeek')],
                    'Current Week': [moment().startOf('isoWeek'), moment()],
                    'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1,
                        'month').endOf('month')], // Working Fine
                    'Current Month': [moment().startOf('month'), moment().endOf('month')], // Working Fine
                    'Yearly': [moment().startOf('year'), moment().endOf('year')],
                }
            });

            $('.reports_date_filter').on('change', function(e) {
                $('.multiSelectButton').addClass('d-none');
                $('.selectedCount').text('');
                $('.selectedCount').addClass('d-none');
                $('#check_all').prop('checked', false);
                $('.order_check').prop('checked', false);
                var value = $(this).val();
                e.preventDefault();
                $.ajax({
                    url: '/sessionReportsDateRange/',
                    type: "GET",
                    data: {
                        "_token": "{{ csrf_token() }}",
                        "timeframe": value
                    },
                    success: function(response) {
                        cancelled_invoice_data();
                    }
                });
            });

            $('.reports_vendor_id').on('change', function() {
                $('.multiSelectButton').addClass('d-none');
                $('.selectedCount').text('');
                $('.selectedCount').addClass('d-none');
                $('#check_all').prop('checked', false);
                $('.order_check').prop('checked', false);
                $('.reports_lender_id').empty();
                var vendorLenderID = $(this).val();
                if (vendorLenderID) {
                    $.ajax({
                        url: '/vendor/lendername/' + vendorLenderID,
                        type: "GET",
                        dataType: "json",
                        success: function(data) {
                            $('.reports_lender_id').empty();
                            if (data[0] == undefined) {
                                $('.reports_lender_id').html(
                                    '<option value="0">Select Vendor first</option>');
                                $.ajax({
                                    url: '/sessionInvoiceVendorId/',
                                    type: "GET",
                                    data: {
                                        "_token": "{{ csrf_token() }}",
                                        "vendorId": vendorLenderID
                                    },
                                    success: function(response) {
                                        cancelled_invoice_data();
                                    }
                                });
                            } else {
                                if (data[0].length == 0) {
                                    $('.reports_lender_id').append(
                                        '<option value="0">Lender Unavailable</option>');
                                } else {
                                    $('.reports_lender_id').append(
                                        '<option value="0" selected>Select Lender</option>');
                                    $.each(data[0], function(key, value) {
                                        $('.reports_lender_id').append(
                                            '<option value="' + value['id'] + '">' +
                                            value[
                                                'lender_name'] + '</option>');
                                    });
                                }
                                $.ajax({
                                    url: '/sessionInvoiceVendorId/',
                                    type: "GET",
                                    data: {
                                        "_token": "{{ csrf_token() }}",
                                        "vendorId": vendorLenderID
                                    },
                                    success: function(response) {
                                        cancelled_invoice_data();
                                    }
                                });
                            }
                        }
                    });
                } else {
                    $('.reports_lender_id').html('<option value="0">Select Vendor first</option>');
                }
            });

            $('select.reports_lender_id').on('change', function(e) {
                $('.multiSelectButton').addClass('d-none');
                $('.selectedCount').text('');
                $('.selectedCount').addClass('d-none');
                $('#check_all').prop('checked', false);
                $('.order_check').prop('checked', false);
                var value = $(this).val();
                e.preventDefault();
                $.ajax({
                    url: '/sessionInvoiceLenderId/',
                    type: "GET",
                    data: {
                        "_token": "{{ csrf_token() }}",
                        "lenderId": value
                    },
                    success: function(response) {
                        if (value == 0) {
                            cancelled_invoice_data();
                        } else {
                            cancelled_invoice_data();
                        }
                    }
                });
            });

            $('#cancelled_invoice_table_paginate').on('click', function() {
                $('.multiSelectButton').addClass('d-none');
                $('.selectedCount').text('');
                $('.selectedCount').addClass('d-none');
                $('#check_all').prop('checked', false);
                $('.order_check').prop('checked', false);
            });

            $('select[name=cancelled_invoice_table_length]').on('change', function() {
                $('.multiSelectButton').addClass('d-none');
                $('.selectedCount').text('');
                $('.selectedCount').addClass('d-none');
                $('#check_all').prop('checked', false);
                $('.order_check').prop('checked', false);
            });
        });

        function togglebutton(serviceOrderId) {
            var checkboxData = new Array();
            $("input[class='order_check checked']:checked").each(function() {
                checkboxData.push($(this).val());
            });
            var checkboxLength = checkboxData.length;
            if (checkboxLength >= 1) {
                $('.multiSelectButton').removeClass('d-none');
                $('.selectedCount').removeClass('d-none');
                $('.selectedCount').text(checkboxLength);
            } else if (checkboxLength == 0) {
                $('.multiSelectButton').addClass('d-none');
                $('.selectedCount').addClass('d-none');
            }
        }

        function download_cancelled_invoice_report() {
            $('.multiSelectButton').addClass('d-none');
            $('.selectedCount').text('');
            $('.selectedCount').addClass('d-none');
            $('#check_all').prop('checked', false);
            $('.order_check').prop('checked', false);

            event.preventDefault();
            var loader = $('#ajaxloader');
            $('.loader_text').text('Generating Cancelled Invoice Report...');
            loader.show();
            setTimeout(function() {
                $.ajax({
                    url: "/cancelled_invoice_report_generate",
                    type: "POST",
                    data: {
                        _token: '{!! csrf_token() !!}',
                    },
                    success: function(response) {
                        loader.hide();
                        var result = response.split('@#!');
                        if (result[1] == 'warning') {
                            Swal.fire({
                                position: 'middle',
                                icon: result[1],
                                title: result[2],
                                showConfirmButton: false,
                                timer: 1000
                            });
                        } else {
                            window.location = "cancelled_invoice_generate_report";
                        }

                    }
                });
            }, 1000);
        }
    </script>
@endsection