@extends('m3::liberty-theme.layout.main')
@section('title')
    Solon Sentinel Portal - Warehouse Performance Metrics
@endsection
@section('content')
    <!-- /.row -->
    <div class="container-fluid px-4">
        <h1 class="mt-4">Warehouse Performance Metrics Details dated {{$date_in}} for {{ $for="a"?"All":$for="l"?"LTL":$for="p"?"Parcel":$for="i"?"I&O":"" }}</h1>

        <div class="card mb-4">
            <!-- Add to class the justify content between and align items center -->
            <div class="card-header d-flex justify-content-between align-items-center">
            </div>

            <div class="card-body">
                <div class="table-responsive">
                <table class="table table-striped table-bordered table-hover table-sm" id="datatablesSimple5" style="width:60%">
                    <thead>
                        <tr>
                            <th class="text-center">Picker</th>
                            <th class="text-center">Customer</th>
                            <th class="text-center">Dollars</th>
                            <th class="text-center">Weight</th>
                            <th class="text-center">Source</th>
                            <th class="text-center">Interco</th>
                            <th class="text-center">Mode</th>
                            <th class="text-center">Type</th>
                        </tr>
                    </thead>
                    <tbody>
                    <!-- a5macpkr,a4shshnm,sum(dollarvalue) as dollarvalue,sum(weight) as weight,max(source) as source  -->
                    @foreach($perfDetails as $key=>$val)
                        <tr>
                            <td class="text-center">{{ $val->A5MACPKR }}</td>
                            <td class="text-left">{{ $val->A4SHSHNM }}</td>
                            <td class="text-right">$ {{number_format($val->DOLLARVALUE,2)}}</td>
                            <td class="text-right">{{number_format($val->WEIGHT,2)}}</td>
                            <td class="text-center">{{$val->SOURCE}}</td>
                            <td class="text-center">{{$val->INTERCO}}</td>
                            <td class="text-center">{{$val->A4SHIPVIA1}}</td>
                            <td class="text-center">{{trim($val->A4SHIPTYPE)=="SmallPack"?"Parcel":$val->A4SHIPTYPE}}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
                </div>
            </div>
        </div>

    </div>

@endsection

@section('scripts')
<script>

    $(document).ready(function() {

        // DataTable init
        var myTable = $('#datatablesSimple5').DataTable({
            "aaSorting": false,
            "lengthMenu": [ [10,25,50,-1], [10,25,50,"All"] ],
            "sPaginationType": "full_numbers",
            "dom": 'Bfrtip',        // Needs button container
            "responsive": true,
            "orderCellsTop": true,
            "order": [ [4, 'asc'] ],
            "pageLength": 30,
            "columnDefs": [
                {
                    orderable: true,
                    searchable: true,
                    targets: -1
                }
            ],
            // MAK
            "initComplete": function() {
                // Apply initial filter for Active records only
                //this.api().column(4).search('^Active$', true, false).draw();
            }
        });

        // MAK
        // Status filter dropdown change event
//        $('#date_in').on('change', function() {
//        });

    });
   
</script>
@endsection