@extends('admin.layout.master')
@section('title')
    {{ $current_route->{'name_' . trans('admin.lang')} }}
@stop
@section('page-breadcrumb')
    @include('admin.layout.breadcrumb_view')
    </div>
@stop
@section('page-content')
    <div class="d-flex justify-content-between mb-3">
        @can('admin.production.add')
            <a href="{{ route('production.add') }}" class="btn btn-default btn-primary">
                <i class="fa fa-plus"></i> @Lang('admin.add_production_equation')
            </a>
        @endcan
    </div>
    <div class="table-rep-plugin">
        @include('admin.layout.error')
        <div class="table-responsive mb-0" data-pattern="priority-columns">
            <table id="data_table" class="table  table-striped">
                <thead>
                    <tr>
                        <th>@Lang('admin.equation_id')</th>
                        <th>@Lang('admin.item_name')</th>
                        <th>@Lang('admin.created_at')</th>
                        <th>@Lang('admin.created_by')</th>
                        <th>@Lang('admin.actions')</th>

                    </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>
    </div>
@stop
@section('js')

    <script src="{{ url('assets/plugins/datatables/jquery.dataTables.min.js') }}"></script>
    <script src="{{ url('assets/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
    <script src="{{ url('assets/plugins/toastr/toastr.min.js') }}"></script>

    <script type="text/javascript">
        var list_link = "{{ route('production_equations_list.list') }}";
        var oTable = $('#data_table').DataTable({
            "processing": true,
            "serverSide": true,
            "responsive": true,
            "lengthChange": false,
            "autoWidth": false,
            "searching": false,
            "ajax": {
                url: list_link,
            },
            "order": [
                [0, 'asc']
            ],
            "columnDefs": [{
                "targets": "_all",
                "defaultContent": ""
            }],
            "columns": [{
                    "data": "id"
                },
                {
                    "data": "item_name"
                },
                {
                    "data": "created_at"
                },
                {
                    "data": "user_name"
                },
                {
                    "data": "actions"
                }
            ],
            "fnDrawCallback": function(oSettings) {
                $('.tooltips').tooltip();
            }
        });
    </script>
@stop