@extends('admin.layout')
@section('main')
<style>
    .custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: #db644d;
}
</style>
    <div class="content-header row">
    </div>
    <div class="content-body">
        <!-- Dashboard Ecommerce Starts -->
        <section id="dashboard-ecommerce">

            <div class="row match-height justify-content-end mb-1">
                <div class="col-lg-12 mr-auto">
                    <h2>Manage Factory (Manufacturing site)</h2>
                </div>




                <div class="col-lg-auto col-md-6 my-1">
                    <div class="d-lg-flex">
                        <a href="{{ route('admin.plant.new') }}" class="btn btn-info ml-1 spaSlug"><i
                                class="fa fa-plus mr-1"></i> Add Factory</a>
                    </div>
                </div>




            </div>



        </section>
        <section id="column-search-datatable">
            <div class="row">
                <div class="col-12">
                    <div class="card">

                        <div class="card-datatable p-1">

                            <table class="dt-column-search table table-striped w-100 text-center display" id="dataTable">
                                <thead>
                                    <tr>
                                        <th>Sr. No.</th>
                                        <th>Action</th>
                                        <th>Product</th>
                                        <th>Manufacturing Factory Name</th>
                                        <th>Manufacturing Factory Address</th>
                                        <th>Factory Courier Address</th>
                                        <th>Factory City</th>
                                        <th>Factory Pincode</th>
                                        {{-- <th>Product</th> --}}
                                        <th>Status</th>
                                        <th>Date & Time</th>
                                    </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Dashboard Ecommerce ends -->

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

                },
                {
                    data: 'vPlantCourierAddress',
                    name: 'vPlantCourierAddress',

                },
                {
                    data: 'vPlantCity',
                },
                {
                    data: 'vPlantPincode',
                },
                {
                    data: 'eStatus',
                },
                {
                    data: 'created_at',
                },
            ];
            var columnDefs = [];
            getdatatable("{{ route('admin.plant.paginate') }}", columns, columnDefs);
        });

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

        function changeStatus(status, id) {
            $.ajax({
                url: "{{ route('admin.plant.status') }}",
                type: 'POST',
                data: {
                    'iPlantID': id,
                    'eStatus': status,
                    _token: "{{ csrf_token() }}"
                },
                dataType: "json",
                success: function(response) {
                    if (response.status == 1) {
                        $.notify(response.message, "success");
                        $('#dataTable').DataTable().ajax.reload();
                    } else {
                        $.notify(response.message, "error");
                    }

                    // $('#dataTable').DataTable().ajax.reload();
                }
            });
        }

        function reloadTable() {
            $('#dataTable').DataTable().ajax.reload();
        }


    </script>
@endsection