@extends('admin.master')

@section('title', 'Packing Slips')

@section('contents')
  <!-- row -->
  <div class="row">
    <div class="col-md-12">
      <!-- general form elements -->
      <div class="card card-outline card-info">
        <div class="card-header">
          <h3 class="card-title">Packing Slips</h3>
        </div>
        <!-- /.card-header -->
        <div class="card-body table-responsive">
          <div class="dataTables_wrapper dt-bootstrap4">
            <table id="products" class="table table-sm table-striped table-bordered table-hover dataTable" style="width: 100%" role="grid" aria-describedby="products">
              <thead>
              <tr class="bg-secondary">
                <th>SL#</th>
                <th style="width: 68px;">Date</th>
                <th>Inv No</th>
                <th>Tracking Ref</th>
                <th style="width: 170px;">Consingee</th>
                <th style="width: 170px;">Ship to</th>
                <th>Container No</th>
                <th>Lock No</th>
                <th>Tare</th>
                <th>T. Qty</th>
                <th>Subtotal</th>
                <th>Discount(%)</th>
                <th>T. Amount</th>
                <th>Note</th>
                <th>Sold By</th>
                <th style="width:100px;">Action</th>
              </tr>
              </thead>
              <tfoot>
              <tr class="bg-secondary">
                <th>SL#</th>
                <th style="width: 68px;">Date</th>
                <th>Inv No</th>
                <th>Tracking Ref</th>
                <th style="width: 170px;">Consingee</th>
                <th style="width: 170px;">Ship to</th>
                <th>Container No</th>
                <th>Lock No</th>
                <th>Tare</th>
                <th>T. Qty</th>
                <th>Subtotal</th>
                <th>Discount(%)</th>
                <th>T. Amount</th>
                <th>Note</th>
                <th>Sold By</th>
                <th>Action</th>
              </tr>
              </tfoot>
            </table>
          </div>
        </div>
        <!-- /.card-body -->
      </div>
      <!-- /.card -->

    </div>
  </div>
  <!-- /.row -->
@endsection

@section('script_links')

  <script>
    @foreach(['success','error'] as $type)
    @if(Session::has('msg-'.$type))
    toastr.{{ $type }}('{{ Session::get('msg-'.$type) }}');
    @endif
    @endforeach

    $(function() {
      // active left-menu
      // for tree addClass .menu-open
      // for submenu addClass .active
      $('#menu_reports').addClass('menu-open');
      $('#sub_packing_slips').addClass('active');

      $("#products").DataTable({
        initComplete: function () {
          $('#products_filter label input').focus();
        },
        pageLength: 25,
        processing: true,
        serverSide: true,
        ajax:{
          url: "{{ url('/reports/packingSlips') }}",
        },
        columnDefs: [
          { "visible": false, "targets": 13 }
        ],
        columns:[
          {
            data: 'DT_RowIndex',
            name: 'DT_RowIndex'
          },
          {
            data: 'sales_date',
            name: 'sales_date'
          },
          {
            data: 'inv_no',
            name: 'inv_no'
          },
          {
            data: 'tracking_ref',
            name: 'tracking_ref'
          },
          {
            data: 'consingee',
            name: 'consingee'
          },
          {
            data: 'ship_to',
            name: 'ship_to'
          },
          {
            data: 'container_no',
            name: 'container_no'
          },
          {
            data: 'lock_no',
            name: 'lock_no'
          },
          {
            data: 'tare',
            name: 'tare'
          },
          {
            data: 'total_qty',
            name: 'total_qty'
          },
          {
            data: 'sub_total',
            name: 'sub_total',
            render: function(data,type,full,meta){
              var symbol = '{{ $settings->currency_symbol }}';
              var price = numeral(data).format(symbol+'0,0.00');
              return price;
            },
          },
          {
            data: 'dis_percent',
            name: 'dis_percent',
            render: function(data,type,full,meta){
              return data+"%";
            },
          },
          {
            data: 'totalAmount',
            name: 'totalAmount',
            render: function(data,type,full,meta){
              var symbol = '{{ $settings->currency_symbol }}';
              var price = numeral(data).format(symbol+'0,0.00');
              return price;
            },
          },
          {
            data: 'salesNote',
            name: 'salesNote'
          },
          {
            data: 'sold_by',
            name: 'sold_by'
          },
          {
            data: 'action',
            name: 'action',
            orderable: false
          }
        ]
      });
    });
  </script>
@endsection