@extends('admin.layout')
@section('main')
    <div class="content-header row">
    </div>
    <div class="content-wrapper">
        <div class="content-header row">
        </div>
        <div class="content-body">
            <section id="dashboard-ecommerce">
                <div class="row match-height justify-content-end mb-1">
                    <div class="col-lg-12 mr-auto">
                        <h2>Manage Import</h2>
                    </div>

                </div>
            </section>
            <section id="column-search-datatable">
                <div class="row justify-content-end">

                </div>

                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-datatable p-1 table-responsive">
                                <table class="dt-column-search table table-striped w-100 text-center display"
                                    id="dataTable">
                                    <thead>
                                        <tr>
                                            <th style="color: white;">Sr. No.</th>
                                            <th style="color: white;">Division Name</th>
                                            <th style="color: white;">Import Type</th>
                                            <th style="color: white;">Import Status</th>
                                            <th style="color: white;">Created Time</th>
                                            <th style="color: white;">Updated Time</th>
                                            <th style="color: white;">Comments</th>
                                            <th style="color: white;">Total Count</th>
                                            <th style="color: white;">Inserted Count</th>
                                            <th style="color: white;">Updated Count</th>
                                            <th style="color: white;">Error Count</th>

                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

        </div>
    </div>
@endsection
@section('scripts')
    <script>
        $(function() {
            var columns = [{
                    data: 'DT_RowIndex',
                    name: 'DT_RowIndex',
                    "orderable": false,
                    searchable: false
                },
                {
                    data: 'vDivision',
                    name: 'vDivision',
                },
                {
                    data: 'eType',
                    name: 'eType',
                },
                {
                    data: 'eStatus',
                    name: 'eStatus',
                },

                {
                    data: 'created_at',
                    name: 'created_at',
                },
                {
                    data: 'updated_at',
                    name: 'updated_at',
                },

                {
                    data: 'vComment',
                    name: 'vComment',
                },
                {
                    data: 'iImportCount',
                    name: 'iImportCount',
                },
                {
                    data: 'iInsertCount',
                    name: 'iInsertCount',
                },
                {
                    data: 'iUpdateCount',
                    name: 'iUpdateCount',
                },
                {
                    data: 'iErrorCount',
                    name: 'iErrorCount',
                },
            ];
            var columnDefs = [];
            getdatatable("{{ route('admin.importBackend.paginate') }}", columns, columnDefs);
        });

        function getdatatable(url, columns, columnDefs) {
            $('#dataTable').DataTable({
                processing: true,
                serverSide: true,
                bDestroy: true,
                order: [],
                "scrollX": true,
                columns: columns,
                columnDefs: columnDefs,
                // ajax: "{{ url('participant-paginate') }}",
                ajax: {
                    method: 'post',
                    url: url,
                    data: function(d) {
                        d._token = "{{ csrf_token() }}"
                    }
                },
                "drawCallback": function(settings) {
                    new VenoBox({
                        selector: '.venobox_img',
                    });
                    feather.replace();

                    // alert();
                }
            });
        }


    </script>
@endsection