@extends('layouts.master')

@section('content')
    <div class="container">
      @include('layouts.page-header')
      <div class="table-responsive">
        <table data-toggle="table" class="table table-sm table-striped">
          <thead>
            <tr>
              <th scope="col" data-sortable="true">Payment Date</th>
              <th scope="col" data-sortable="true"># of Assessments</th>
              <th scope="col" data-sortable="true">Unit Proce</th>
              <th scope="col" data-sortable="true">Discount</th>
              <th scope="col" data-sortable="true">Total Price</th>
              <th scope="col" data-sortable="true">Last Name</th>
              <th scope="col" data-sortable="true">First Name</th>
              <th scope="col" data-sortable="true">Client</th>
              <th scope="col" data-sortable="true">Employment Organization</th>
            </tr>
          </thead>
          <tbody>
            @foreach($orders as $order)
              <tr>
                
                <td>{{ date('m/d/y g:iA', strtotime($order->date_payment)) }}</td>
                <td class="text-center">{{ $order->units_number }}</td>
                <td class="text-center">${{ $order->unit_price }}</td>
                <td class="text-center">{{ $order->discount ?? 0 }}%</td>
                <td class="text-center">${{ $order->total_sum }}</td>
                <td>{{ $order->last_name }}</td>
                <td>{{ $order->first_name }}</td>
                <td>{{ $order->hiring_org }}</td>
                <td>{{ $order->hiring_org }}</td>
              </tr>
            @endforeach
          </tbody>
        </table>
        
      </div>
    </div>
@stop

@section('footer-scripts')
  <script type="text/javascript">
    jQuery(function() {
    })
  </script>
@endsection