@include('division.layout.header')

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

        <div class="col-auto my-auto">
            <h2 class="main_title">Contract Transmission</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="contractTransmissionDataTable" class="table data-table-dr w-100">
                <thead>
                    <tr>
                        <th>Sr. No.</th>
                        <th>Contract Count</th>
                        <th>Status</th>
                        <th>Comment</th>
                        <th>Contract Transmission At</th>
                        <th>Action</th>
                        {{-- <th>Date And Time</th> --}}
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>

    </div>

</div>

</div>

@include('division.layout.footer')

<script>
    $(document).ready(function() {
        var i = 1;
        var table = $('#contractTransmissionDataTable').DataTable({
            scrollX: true,
            destroy: true,
            processing: true,
            serverSide: true,
            responsive: false,
            autoWidth: false,
            ajax: {
                url: "{{ route('contractTransmissionPaginate') }}",
                data: function(d) {
                    d._token = "{{ csrf_token() }}"
                },
            },
            "drawCallback": function(settings) {

            },
            columns: [{
                    data: 'DT_RowIndex',
                    name: 'DT_RowIndex',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'contract_count',
                    searchable: true,
                    // orderable: false
                },
                {
                    data: 'status',
                    searchable: false,
                    orderable: false
                },
                {
                    data: 'comment',
                    searchable: true,
                    orderable: false
                },
                {
                    data: 'contract_transmission_at',
                    searchable: true,
                    // orderable: false
                },
                {
                    data: 'action',
                    searchable: false,
                    orderable: false
                }
                // ,{
                //     data: 'created_at',
                //     searchable: false
                // }
            ],
            columnDefs: [{
                "aTargets": [1, 2, 3, 4, 5], // Column to target
                "mRender": function(data, type, full) {
                    if (data != null) {
                        return data;
                    } else {
                        return '-';
                    }
                }
            }, ],
        });
    });
</script>