@include('division.layout.header')

<div class="container-fluid">
    <!--  Row 1 -->
    <div class="row">

        <div class="col-auto my-auto">
            <h2 class="main_title">View Reports</h2>
        </div>

        {{-- <div class="col-lg-auto  col-md-auto col-sm-auto">
            <div class="d-flex align-items-center">
                <div id="reportrange" class="daterange">
                    <i class="fa fa-calendar"></i>&nbsp;
                    <span>January 11, 2024 - February 9, 2024</span> <i class="fa fa-caret-down"></i>
                </div>
                <a href="#" class="btn btn-primary ms-2"><i class="fa fa-search"></i></a>
                <a href="#" class="btn btn-danger ms-2"><i class="fa fa-times"></i></a>
            </div>
        </div> --}}
    </div>

    <div class="row mb-3">
    </div>

    <div class="row">

        <div class="col-12">
            <table id="datatable" class="table table-striped data-table-dr" style="width:100%">
                <thead>
                    <tr>
                        <th style="color: white;">Sr. No.</th>
                        <th style="color: white;">Report Type</th>
                        @if (auth::user()->role != 'Medical')
                            <th style="color: white;">Contract Stage</th>
                            <th style="color: white;">Date Filter</th>
                        @endif
                        @if (in_array(auth::user()->role, ['Admin', 'Compliance', 'Finance']))
                            <th style="color: white;">Division Name</th>
                        @endif
                        <th style="color: white;">Activity Type</th>
                        <th style="color: white;">Study</th>
                        @if (auth::user()->role != 'Medical')
                            <th style="color: white;">Status Filter</th>
                        @endif
                        <th style="color: white;">Date & Time</th>
                        <th style="color: white;">Status</th>
                    </tr>
                </thead>
            </table>
        </div>

    </div>

</div>

</div>


@include('division.layout.footer')


<script>
    $(function() {
        var columns = [{
                data: 'DT_RowIndex',
                name: 'DT_RowIndex',
                searchable: false
            },
            {
                data: 'export_type',
                name: 'export_type',
                searchable: false
            },
            @if (auth::user()->role != 'Medical')
            {
                data: 'activity_status',
                name: 'activity_status',
                searchable: false
            },
                {
                    data: 'exportDateFilter',
                    name: 'exportDateFilter',
                    searchable: false
                },
            @endif
            @if (in_array(auth::user()->role, ['Admin', 'Compliance', 'Finance']))
                {
                    data: 'custom_division_filter',
                    name: 'custom_division_filter',
                },
            @endif {
                data: 'activity_type_id',
                name: 'activity_type_id'
            },
            {
                data: 'study_name',
                name: 'study_name',
            },
            @if (auth::user()->role != 'Medical')
                {
                    data: 'suspend_status',
                    name: 'suspend_status',
                },
            @endif {
                data: 'created_at',
                name: 'created_at'
                // searchable: false
            },
            {
                data: 'status',
                name: 'status'
                // searchable: false
            }
        ];
        var columnDefs = [
            // {
            //     'targets': 0,
            //     'checkboxes': {
            //         'selectRow': true,
            //     }
            // }
        ];
        @if (auth::user()->role != 'Medical')
            getDataTable("{{ route('exportreport.paginate') }}", columns, columnDefs);
        @else
            getDataTable("{{ route('medical.exportReport.paginate') }}", columns, columnDefs);
        @endif
    });

    function getDataTable(url, columns, columnDefs) {

        $('#datatable').DataTable({
            processing: true,
            serverSide: true,
            bDestroy: true,
            order: [],
            "scrollX": true,
            columns: columns,
            columnDefs: columnDefs,
            ajax: {
                method: 'post',
                url: url,
                data: function(d) {
                    d._token = "{{ csrf_token() }}"
                },
                error: function(xhr, status, error) {
                    if (xhr.status == 419) {
                        // Session expired, redirect to login and show notify
                        $.notify('Your session has expired. Please log in again.');
                        setTimeout(function() {
                            location.reload();
                        }, 1000);
                    } else if (xhr.status == 500) {
                        $.notify("Please try after a few minutes", "error");
                    } else {
                        $.notify(xhr.responseJSON?.message || "An unexpected error occurred", "error");
                    }
                }
            },
            "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>