@include('mr.header')

<!-- //wrapper -->
<div class="wrapper" id="wrapper">
    <section class="login_screen otpsend">
        <div class="container h-100">

            <div class="activity_rs">
                <div class="row pb-3">
                    <div class="col-auto my-auto">
                        <div class="title">
                            <h3>Generated Template</h3>
                        </div>
                    </div>
                    <div class="col-auto ms-auto">
                        <a href="#" class="btn btn-primary" onclick="activityAnalyticExport()">
                            <span class="me-2">
                                <svg xmlns="http://www.w3.org/2000/svg" width="21.332" height="20"
                                    viewBox="0 0 21.332 20">
                                    <g id="Group_28445" data-name="Group 28445" transform="translate(0 -15.989)">
                                        <path id="Path_10801" data-name="Path 10801"
                                            d="M266,94.677h-9.333A.667.667,0,0,1,256,94.01V80.678a.667.667,0,0,1,.667-.667H266a.667.667,0,0,1,.667.667V94.01A.667.667,0,0,1,266,94.677Z"
                                            transform="translate(-245.334 -61.354)" fill="#eceff1" />
                                        <path id="Path_10802" data-name="Path 10802"
                                            d="M259.333,145.344h-2.667a.667.667,0,0,1,0-1.333h2.667a.667.667,0,0,1,0,1.333Zm0,2.667h-2.667a.667.667,0,0,1,0-1.333h2.667a.667.667,0,0,1,0,1.333Zm0,2.667h-2.667a.667.667,0,0,1,0-1.333h2.667a.667.667,0,0,1,0,1.333Zm0,2.667h-2.667a.667.667,0,0,1,0-1.333h2.667a.667.667,0,0,1,0,1.333Zm4-8H262a.667.667,0,0,1,0-1.333h1.333a.667.667,0,1,1,0,1.333Zm0,2.667H262a.667.667,0,0,1,0-1.333h1.333a.667.667,0,1,1,0,1.333Zm0,2.667H262a.667.667,0,0,1,0-1.333h1.333a.667.667,0,1,1,0,1.333Zm0,2.667H262a.667.667,0,0,1,0-1.333h1.333a.667.667,0,1,1,0,1.333Z"
                                            transform="translate(-245.334 -122.688)" fill="#782b90" />
                                        <path id="Path_10803" data-name="Path 10803"
                                            d="M11.758,16.144A.655.655,0,0,0,11.21,16L.544,18A.665.665,0,0,0,0,18.657V33.323a.666.666,0,0,0,.544.655l10.666,2a.628.628,0,0,0,.123.012A.667.667,0,0,0,12,35.323V16.657a.665.665,0,0,0-.241-.513Z"
                                            transform="translate(0 0)" fill="#fff" />
                                        <path id="Path_10804" data-name="Path 10804"
                                            d="M85.819,166.254l-2.108-2.409,2.132-2.741a.667.667,0,0,0-1.052-.82l-1.975,2.539-1.664-1.9a.666.666,0,0,0-1,.877l1.833,2.1-1.859,2.389a.667.667,0,0,0,1.053.819l1.7-2.187,1.939,2.215a.666.666,0,1,0,1-.876Z"
                                            transform="translate(-76.651 -138.036)" fill="#782b90" />
                                    </g>
                                </svg>
                            </span>
                            Download Report
                        </a>
                    </div>
                </div>
                <div class="container">
                    <div class="white_shadow_rs p-0">


                        <div class="white_table">
                            <table id="analyticDataTable" class="table table-striped datatable" style="width:100%">
                                <thead>
                                    <tr>
                                        <th>Sr No</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>
        </div>
</div>
</section>

</div> <!--  wrapper end  -->
<!-- //wrapper-end -->

@include('mr.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('viewAnalyticsPaginate') }}",
                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], // 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('userActivityAnalyticExport') }}", "_blank");
    }
</script>