@extends('modules.head') @section('contenido')
    <div class="box-header">

    </div>

    <!-- List forms-->
    <div class="box">
        <div class="box-header with-border">
            <h3 class="box-title">Interbranch Transfer</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>From warehouse</th>
                    <th>To warehouse</th>
                    <th>Status</th>
                    <th>Created at</th>
                    <th>GR Code</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/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('goods_issue.table') }}',
            columns: [
                {data: 'code', name: 'code', render: function(data, type, row) {
                    return `<a href="/goods_issue/${row.id}/edit">${data}</a>`;
                }},
                {data: 'from_warehouse', name: 'from_warehouse'},
                {data: 'to_warehouse', name: 'to_warehouse'},
                {data: 'replenish_order_status_id', name: 'replenish_order_status_id', render: function (data, type, row) {
                    return `<span class="badge ${row.replenish_order_status.css_class}">${row.replenish_order_status.name}</span>`;
                }},
                {data: 'created_at', name: 'created_at', render: function (data) {
                    return new Date(data).toLocaleString();
                }},
                {
                    data: 'receipt_order',
                    name: 'receipt_order.code',
                    render: function(data, type, row){
                       return data ? data.code : "";
                    }
                },
            ],
            initComplete: addFiltersForDataTable
        })
    });

</script>