@extends('modules.head') @section('contenido')
    <div class="box-header">
        @if(Auth::user()->rol_id == 1)
          <a class="auxiliar" href="{{url('/transfers/report')}}">
           <button type="button" class="btn  pull-left btnAux">
             <i class="fa fa-file"></i>@lang('messages.inventory_report')
            </button>
          </a>
        @endif
        <a class="auxiliar-black" href="{{ route('inventory_transfers.create') }}">
            <button class="btn btnAdd pull-right">
                <i style="margin-right:5px;" class="fa fa-plus"></i>Create Transfer
            </button>
        </a>
    </div><br>

    <!-- List forms-->
    <div class="box">
        <div class="box-header with-border">
            <h3 class="box-title">Inventory transfers</h3>
        </div>

        <!-- /.box-header -->
        <div class="box-body table-responsive ">
            <table id="example2" class="table table-bordered table-hover dataTable" role="grid">
                <thead>
                <tr role="row">
                    <th>Code</th>
                    <th>Admin</th>
                    <th>From warehouse</th>
                    <th>To warehouse</th>
                    <th>DocNum</th>
                    <th>DocEntry</th>
                    <th>Created at</th>
                </tr>
                </thead>
            </table>
        </div>
        <!-- /.box-body -->
    </div>

@endsection
<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/inventory_transfers.js') }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('js/create_filters_for_dataTables.js') }}"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#example2 thead tr')
            .clone(true)
            .addClass('filters')
            .prependTo('#example2 thead');

        $('#example2 thead tr:first-child > th').css('background-color', "rgb(236 243 249)");
        $("#example2").dataTable().fnDestroy();
        const _table = $('#example2').DataTable({
            responsive: true,
            processing: true,
            serverSide: true,
            "order": [],
            "language": {
                url: 'https://cdn.datatables.net/plug-ins/1.10.19/i18n/Spanish.json'
            },
            ajax: '{{ route('inventory_transfers.table') }}',
            columns: [
                {data: 'code', name: 'code', render: function(data, type, row) {
                    return `<a href="#" onclick="showModalInventoryTransfer(${row.id})">${data}</a>`;
                }},
                {data: 'admin', name: 'admin.first_name', render: function (data) {
                        return `${data.first_name} ${data.last_name}` ;
                    }
                },
                {data: 'from_warehouse', name: 'from_warehouse'},
                {data: 'to_warehouse', name: 'to_warehouse'},
                {data: 'bo_doc_num', name: 'bo_doc_num'},
                {data: 'bo_doc_entry', name: 'bo_doc_entry'},
                {data: 'created_at', name: 'created_at', render: function (data) {
                    return new Date(data).toLocaleString();
                }}
            ],
            initComplete: addFiltersForDataTable
        })
    });

</script>

@include('inventory_transfers/modal')