@extends('m3::liberty-theme.layout.main')
@section('title')
    Solon Sentinel Portal - ordersOnHoldReq
@endsection
@section('breadcrumb')
<div class="row">
    <hr class="hr-primary" />
    <nav class="navbar navbar-expand-lg navbar-light" aria-label="Page navigation">
        <div class="container-fluid">
          <nav aria-label="breadcrumb">
            <ol class="breadcrumb breadcrumb-custom">
              <li class="breadcrumb-item"><a href="/" data-abc="true"><i class="fa fa-home"></i> Dashboard</a></li>
              <li class="breadcrumb-item"><a data-abc="true" href="/ordersOnHoldReq"><i class="fa fa-truck"></i> Orders On Hold</a></li>
              <li class="breadcrumb-item active">Reason: {{ $request->reason }}</li>
            </ol>
          </nav>
        </div>
    </nav>
</div>
@endsection
@section('content')
    <!-- /.row -->
    <div class="container-fluid px-4">
        <h1 class="mt-4">Orders on hold</h1>
        <div class="card mb-4">
            <div class="card-header" style="line-height: 34px;">
                <i class="fas fa-table me-1"></i>
                List of orders
            </div>
            <div class="card-body">
                <div class="card-body">
                    <table class="table table-striped table-bordered table-hover" id="datatablesSimple3">
                        <thead>
                            <tr>
                                <th>Order No</th>
                                <th>Status</th>
                                <th>Order Date</th>
                                <th>Comment Date</th>
                                <th>Comment Due Date</th>
                                <th>Sales Rep</th>
                                <th>Carrier</th>
                                <th>Ship Via</th>
                                <th>ShipTo</th>
                                <th>Order Value</th>
                                <th>Reserved Value</th>
                                <th>On Pick Value</th>
                                <th>Currency</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('scripts')

    <script>

        $('#datatablesSimple3').DataTable( {
            'responsive': true,
            'processing': true,
            'serverSide': true,
            'serverMethod': 'post',
            ajax: {
                'url': '/ordersOnHoldReq/{{ $request->reason }}/json',
                'type': 'POST',
                'headers': {
                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                }
            },
            "columnDefs": [
                { targets: [9, 10, 11, 12], className: 'text-right' },
                { targets: [0, 1, 2, 3, 4, 5], className: 'text-center' }
            ],
        });

    </script>


    @endsection