@include('division.layout.header')


<link href="https://cdn.datatables.net/2.0.8/css/dataTables.dataTables.css" rel="stylesheet">
<link href="https://cdn.datatables.net/fixedheader/4.0.1/css/fixedHeader.dataTables.css" rel="stylesheet">
<style>
    table.fixedHeader-floating.no-footer th {
        font-size: 12px !important;
        padding: 14px 0 !important;
    }

    .dtfh-floatingparent.dtfh-floatingparent-head {
        z-index: 999 !important;
    }

    span.dt-column-order {
        opacity: 0;
    }

    .dtfh-floatingparent.dtfh-floatingparent-head th {
        /* font-size: 12px; */
    }

    table.dataTable>thead>tr>th,
    table.dataTable>thead>tr>td {
        background: #07529B;
        color: #fff;
        text-align: center;
    }
</style>


<div class="container-fluid">
    <!--  Row 1 -->
    <div class="row g-2">
        <div class="col-auto my-auto pt-2">
            <h2 class="main_title">Download document</h2>
        </div>
    </div>

    <div class="row mt-3">
        <div class="col-auto">
            <div class="card" style="background: #f1f8ff;box-shadow: 0 0 2px 0px #07529b;">
                <div class="card-datatable p-3">
                    <div class="row g-2">
                        <div class="col-lg-12 my-auto pt-3">
                            <div class="row">
                                {{ Form::open(['url' => '#', 'name' => 'DocumentDownloadForm', 'id' => 'DocumentDownloadForm', 'enctype' => 'multipart/form-data']) }}
                                <div class="col-lg-12  col-md-6 my-auto">
                                    @if (Auth::user()->role == 'Admin')
                                    <div class="col-lg-auto ms-auto mb-2">
                                        <select class="select2 js-example-basic-single select-label form-control w-100"
                                            name="custom_division_filter" id="custom_division_filter">
                                            <option value="" selected disabled>Select Division</option>
                                            <option value="0">All Divisions</option>
                                            @foreach ($divisionList as $key => $value)
                                                <option value="{{ $value['id'] }}">{{ $value['name'] }}</option>
                                            @endforeach
                                        </select>
                                        <label id="custom_division_filter-error" class="error"
                                            for="custom_division_filter"></label>
                                    </div>
                                    @endif
                                    @if (Auth::user()->role == 'Division')
                                    <input type="hidden" name="custom_division_filter" value="{{$id}}">
                                    @endif
                                    <div class="col-lg-auto mb-2">
                                        <select class="select2 js-example-basic-single select-label form-control w-100"
                                            name="step_id" id="step_id">
                                            <option value="" selected disabled> Select Document </option>
                                            <option value="2">PAN</option>
                                            <option value="4">GST</option>
                                            <option value="3">Cancelled Cheque</option>
                                        </select>
                                        <label id="step_id-error" class="error" for="step_id"></label>
                                    </div>
                                    <div class="col-lg-auto mb-2">
                                        <div class="d-flex align-items-center">
                                            <div id="reportrange" class="daterange">
                                                <i class="fa fa-calendar"></i>&nbsp;
                                                <span></span> <i class="fa fa-caret-down"></i>
                                                <input type="hidden" name="dtFrom" id="dtFrom">
                                                <input type="hidden" name="dtTo" id="dtTo">
                                            </div>
                                        </div>
                                    </div>
                                    <button class="btn btn-primary cess mx-auto d-block mt-1" id="download_btn">
                                        Download
                                    </button>
                                </div>
                                {{ Form::close() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-12">
                <table id="datatable" class="table table-striped data-table-dr" style="width:100%">
                    <thead>
                        <tr>
                            <th>Sr. No.</th>
                            <th>Date</th>
                            <th>Division</th>
                            <th>Type</th>
                            <th>Zip</th>
                            <th>Excel</th>
                            <th>Status</th>
                            <th>Date And Time</th>
                        </tr>
                    </thead>
                    <tbody>
                    <tbody>
                </table>
            </div>
        </div>
    </div>
</div>

@include('division.layout.footer')
{{-- @include('division.modals') --}}

<script src="https://cdn.datatables.net/2.0.8/js/dataTables.js"></script>
<script src="https://cdn.datatables.net/fixedheader/4.0.1/js/dataTables.fixedHeader.js"></script>
<script src="https://cdn.datatables.net/fixedheader/4.0.1/js/fixedHeader.dataTables.js"></script>

<script>
    $('#DocumentDownloadForm').validate({
        ignore: ".ignore",
        rules: {
            custom_division_filter: {
                required: true
            },
            step_id: {
                required: true
            },
            dtFrom: {
                required: true
            },
            dtTo: {
                required: true
            },
        },
        messages: {},
        submitHandler: function(form) {
            // Check if custom_division_filter is 0, and validate the date range
            var customDivisionFilter = $("#custom_division_filter").val();
            if (customDivisionFilter === "0") {
                var dtFrom = moment($("#dtFrom").val());
                var dtTo = moment($("#dtTo").val());

                // Ensure dtFrom and dtTo are within 3 months of each other
                if (dtTo.diff(dtFrom, 'months', true) > 3) {
                    $.notify("Please ensure that the date range for all divisions does not exceed 3 months.", "info");
                    return; // Stop form submission
                }
            }

            $("#download_btn").attr('disabled', true);
            var formData = new FormData($("#DocumentDownloadForm")[0]);
            $.ajax({
                url: "{{ route('division.downloadDocumentGenerate') }}",
                type: 'POST',
                data: formData,
                processData: false,
                contentType: false,
                dataType: "json",
                success: function(response) {
                    if (response == 1) {
                        $.notify(
                            "You will get generated zip and excel files within 30 minutes in below table",
                            "info");
                        $('#datatable').DataTable().ajax.reload();
                    } else {
                        $.notify("Document Data Not Found", "error");
                        $('#datatable').DataTable().ajax.reload();
                    }
                    $("#download_btn").attr('disabled', false);
                },
                error: function(data) {
                    $("#download_btn").attr('disabled', false);
                    var errors = $.parseJSON(data.responseText);
                    $.notify("Required Fields are missing", "error");
                }
            });
        }
    });
    // function setFilter() {
    //     $('#datatable').DataTable().ajax.reload();
    // }

    // function resetFilter() {
    //     $("#activity_status_filter").val('').select2();

    //     $('#datatable').DataTable().ajax.reload();
    // }

    $(function() {
        var columns = [{
                data: 'DT_RowIndex',
                name: 'DT_RowIndex',
                searchable: false
            },
            {
                data: 'Date',
                name: 'Date',
                searchable: false
            },
            {
                data: 'divisionName',
                name: 'divisionName',
                searchable: false
            },
            {
                data: 'step_id',
                name: 'step_id'
            },
            {
                data: 'zip_path',
                name: 'zip_path',
                searchable: false
            },
            {
                data: 'excel_name',
                name: 'excel_name',
                searchable: false
            },
            {
                data: 'cron_status',
                name: 'cron_status',
                searchable: false,
            },
            {
                data: 'created_at',
                name: 'created_at'
            }
        ];
        var columnDefs = [
            // {
            //     'targets': 0,
            //     'checkboxes': {
            //         'selectRow': true,
            //     }
            // }
        ];
        getdatatable("{{ route('division.downloadDocumentPaginate') }}", columns, columnDefs);
    });

    function getdatatable(url, columns, columnDefs) {

        $('#datatable').DataTable({
            processing: true,
            serverSide: true,
            bDestroy: true,
            order: [],
            fixedHeader: true,
            "scrollX": true,
            columns: columns,
            columnDefs: columnDefs,
            ajax: {
                method: 'post',
                url: url,
                data: function(d) {
                    d._token = "{{ csrf_token() }}"
                    // d.activity_status_filter = $('#activity_status_filter option:selected').val()
                }
            },
            "drawCallback": function(settings) {
                new VenoBox({
                    selector: '.venobox_img',
                });
                //for check box
                $('#checkall').prop('checked', false);
                $('.actionBtn').hide();
                $('.dt-checkboxes').click(function() {
                    if ($('[name="checkbox[]"]:checked').length > 0) {
                        $('.actionBtn').show();
                    } else {
                        $('.actionBtn').hide();
                    }
                });
            }
        });
    }
</script>