@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-12">
            <h2>Manage SMS</h2>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="white_table">
                <table id="dataTable" class="table table-striped datatable" style="width:100%">
                    <thead>
                        <tr>
                            <th>Sr No</th>
                            <th>Mobile No</th>
                            <th>Message</th>
                            <th>SMS Type</th>
                            <th>Credit</th>
                            <th>Send Time</th>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody>

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

@include('admin.footer')

<script>
    $(document).ready(function() {
        $(function() {
            var i = 1;
            var table = $('#dataTable').DataTable({
                scrollX: true,
                destroy: true,
                processing: true,
                serverSide: true,
                responsive: true,
                autoWidth: true,
                ajax: {
                    url: "{{ route('manageSmsAnalytic') }}",
                    data: function(d) {
                        d._token = "{{ csrf_token() }}",
                            d.userStatus = $('#userStatus option:selected').val()
                        // d.division = $('#division option:selected').val()
                    },
                },
                columns: [{
                        data: 'DT_RowIndex',
                        name: 'DT_RowIndex',
                        orderable: false,
                        searchable: false,
                    },
                    {
                        data: 'smsMobile',
                        searchable: true,
                        orderable: false,
                    },
                    {
                        data: 'message',
                        searchable: true,
                        orderable: false,
                    },
                    {
                        data: 'smsType',
                        searchable: true,
                        orderable: false,
                    },
                    {
                        data: 'credit',
                        searchable: true,
                        orderable: false,
                    },
                    {
                        data: 'sendTime',
                        searchable: true,
                        orderable: false,
                    },
                    {
                        data: 'smsStatus',
                        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>