@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 me-auto">
            <h2 class="main_title">Download Study Summary</h2>
        </div>

        <div class="col-lg-auto col-md-auto col-sm-auto col-auto">
            {{ Form::open(['url' => '#', 'name' => 'PatientDownloadForm', 'id' => 'PatientDownloadForm', 'enctype' => 'multipart/form-data']) }}

            @if (Auth::user()->role == 'Admin' || Auth::user()->role == 'Compliance')
                <div class="row g-2">
                    <div class="col-lg-auto col-md-auto col-sm-auto col-auto">
                        <select class="select2 js-example-basic-single select-label form-control w-100"
                            name="custom_division_filter" id="custom_division_filter">
                            <option value="" selected>Select Division</option>
                            @foreach ($data['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>
                     <div class="col-lg-auto col-md-auto col-sm-auto col-auto">
                        <select class="select2 js-example-basic-single select-label form-control w-100"
                            name="custom_study_filter" id="custom_study_filter">
                            <option value="" selected>Select Study</option>
                            @foreach ($data['studyList'] as $key => $value)
                                <option value="{{ $value['study_id'] }}">{{ $value['study_name'] }}
                                </option>
                            @endforeach
                        </select>
                        <label id="custom_study_filter-error" class="error" for="custom_study_filter"></label>
                     </div>
                </div>

            @endif
        </div>
        <div class="col-lg-auto col-md-auto col-sm-auto col-auto">
            <button class="btn btn-primary cess mx-auto d-block mt-0" id="download_btn">
                <i class="fa-solid fa-download"></i></i> Download
            </button>
        </div>
        {{ Form::close() }}
    </div>
    <div class="row mt-3">
        <div class="col-12">
            <table id="datatable" class="table table-striped data-table-dr" style="width:100%">
                <thead>
                    <tr>
                        <th>Sr. No.</th>
                        <th>Division Name</th>
                        <th>Study Name</th>
                        <th>Study Protocol Number</th>
                        <th>Total Count</th>
                        <th>Download</th>
                        <th>Status</th>
                        <th>Date And Time</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
</div>
</div>

@include('division.layout.footer')

<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>
    var table;
    $(function() {

        var columns = [{
                data: 'DT_RowIndex',
                name: 'DT_RowIndex',
                searchable: false
            },
            {
                data: 'name',
                name: 'name'
            },
            {
                data: 'study_name',
                name: 'study_name'
            },
            {
                data: 'study_import_name',
                name: 'study_import_name'
            },
            {
                data: 'document_zip_count',
                name: 'document_zip_count'
            },
            {
                data: 'download',
                name: 'download'
            },
            {
                data: 'cron_status',
                name: 'cron_status'
            },
            {
                data: 'created_at',
                name: 'created_at',
            }
        ];

        var columnDefs = [];

        table = getdatatable("{{ route('zip-count-paginate') }}", columns, columnDefs);
    });

    function getdatatable(url, columns, columnDefs) {
        return $('#datatable').DataTable({
            processing: false,
            serverSide: true,
            bDestroy: true,
            fixedHeader: true,
            order: [],
            scrollX: true,
            columns: columns,
            columnDefs: columnDefs,
            ajax: {
                method: 'POST',
                url: url,
                data: function(d) {
                    d._token = "{{ csrf_token() }}";
                }
            },
        });
    }
    $(document).ready(function() {
        $('.select2').select2();
        $('#custom_division_filter').on('change', function() {
            var divisionId = $(this).val();
            var $studyDropdown = $('#custom_study_filter');
            $studyDropdown.html('<option value="" selected>Select Study</option>');

            if (divisionId) {
                $.ajax({
                    url: '{{ route('get.studies.by.division') }}',
                    method: 'GET',
                    data: {
                        division_id: divisionId
                    },
                    success: function(response) {
                        if (response.status === 'success' && response.studies.length > 0) {
                            $.each(response.studies, function(index, study) {
                                $studyDropdown.append(
                                    `<option value="${study.study_id}">${study.study_name}</option>`
                                );
                            });
                        } else {
                            $studyDropdown.append(
                                '<option value="" disabled>No studies available</option>'
                            );
                        }
                        $studyDropdown.select2();
                    },
                    error: function() {
                        alert('Error fetching studies. Please try again.');
                    }
                });
            }
        });
        $("#PatientDownloadForm").validate({
            ignore: ".ignore",
            rules: {
                custom_division_filter: {
                    required: true,
                },
                custom_study_filter: {
                    required: true,
                },
            },
            messages: {},
            errorPlacement: function(error, element) {
                error.insertAfter(element);
            },
            submitHandler: function(form) {
                var formData = new FormData(form);
                $("#download_btn").html('<span> Processing...</span>');
                $("#download_btn").attr('disabled', true);
                $.ajax({
                    url: '{{ route('storeDownload') }}',
                    type: 'POST',
                    data: formData,
                    dataType: "json",
                    contentType: false,
                    processData: false,
                    success: function(response) {
                        $("#download_btn").html('Download');
                        $("#download_btn").attr('disabled', false);
                        if (response.status == 1) {
                            $.notify(response.message, "success");
                            table.draw();
                            $('#custom_division_filter').val('').trigger('change');
                            $('#custom_study_filter').html(
                                    '<option value="" selected>Select Study</option>')
                                .trigger('change');
                        } else {
                            $.notify(response.message, "error");
                        }
                    },
                    error: function(jqXHR) {
                        $("#download_btn").html('Download');
                        $("#download_btn").attr('disabled', false);
                        $.notify(jqXHR.responseJSON.message, "error");
                    }
                });
            }
        });
    });
</script>