@include('admin.header')

<div class="container-fluid">
    <!--  Row 1 -->
    <div class="row py-3">
        <div class="col-lg-4 my-auto col-md-4 col-sm-4">
            <h2>View Analytics</h2>
        </div>
        <div class="col-lg-8 text-end col-md-8 col-sm-8">
            <div class="row justify-content-end">
                <!-- <div class="col-lg-auto col-md-6 col-sm-6">
            <select class="form-select js-example-basic-single" aria-label="Default select example">
              <option selected Default>Select Status</option>
              <option value="1">One</option>
              <option value="2">Two</option>
              <option value="3">Three</option>
            </select>
          </div> -->
                <div class="col-lg-auto col-md-5 col-sm-6">
                    <button type="button" class="btn btn-primary" onclick="activityAnalyticExport()"><i
                            class="fa-solid fa-file-excel me-2"></i>Download
                        Report</button>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="white_table">
                <table id="analyticDataTable" class="table table-striped datatable" style="width:100%">
                    <thead>
                        <tr>
                            <th>Sr No</th>
                            <th>Mr Name</th>
                            <th>Activity Name</th>
                            <th>Doctor Name</th>
                            <th>Template</th>
                            <th>Download</th>
                            <th>Date & Time</th>
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>



@include('admin.footer')
<script>
    $(document).ready(function() {
        var i = 1;
        var table = $('#analyticDataTable').DataTable({
            scrollX: true,
            destroy: true,
            processing: true,
            serverSide: true,
            // responsive: true,
            // autoWidth: true,
            ajax: {
                url: "{{ route('manageActivityAnalyticPagination') }}",
                data: function(d) {
                    d._token = "{{ csrf_token() }}"
                    // d.userStatus = $('#userStatus option:selected').val()
                    // d.division = $('#division option:selected').val()
                },
            },
            "drawCallback": function(settings) {
                new VenoBox({
                    selector: '.my-image-links',
                    numeration: true,
                    infinigall: true,
                    share: true,
                    spinner: 'rotating-plane'
                });
            },
            columns: [{
                    data: 'DT_RowIndex',
                    name: 'DT_RowIndex',
                    orderable: false,
                    searchable: false,
                },
                {
                    data: 'userName',
                    searchable: true,
                    orderable: false,
                },
                {
                    data: 'activityName',
                    searchable: true,
                    orderable: false,
                },
                {
                    data: 'doctorName',
                    searchable: true,
                    orderable: false,
                },
                {
                    data: 'finalImg',
                    searchable: true,
                    orderable: false,
                },
                {
                    data: 'download',
                    searchable: true,
                    orderable: false,
                },
                {
                    data: 'created_at',
                    searchable: true,
                    orderable: false,
                }

            ],
            columnDefs: [{
                "aTargets": [1, 2, 3, 4, 5, 6], // Column to target
                "mRender": function(data, type, full) {
                    if (data != null) {
                        return data;
                    } else {
                        return '-';
                    }
                }
            }, ],
        });
    });
</script>

<script>
    function activityAnalyticExport() {
        // userStatus = $('#userStatus option:selected').val();

        window.open("{{ route('activityAnalyticExport') }}", "_blank");
    }
</script>