@extends('admin.layout.app')

@section('more-head')
 <link rel="stylesheet" href="{{ asset('admin/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css') }}">
@endsection

@section('main-content')
 <section class="content-header">
  <h1>
   OPERATIONS MANAGEMENT SYSTEM

  </h1>

 </section>

 <section class="content">

  <!-- Default box -->
  <div class="box">
   <div class="box-header with-border">
    <h3 class="box-title">CLAIMS</h3>
    <div class="col-lg-offset-5"><a href="{{ route('claims.create') }}" class="btn btn-success">Add Claim</a></div>
    <div class="box-tools pull-right">

    </div>
   </div>

   <div class="box-body table-responsive">
    <div class="col-md-12">
     <table id="example1" class="table-bordered table-striped table-condensed table">
      <thead>
       <tr>
        <th>No.</th>
        <th>LBC</th>
        <th>BANK</th>
        <th>CLAIM REF NO.</th>
        <th>CLAIM DATE</th>
        <th>TOTAL CLAIM GH¢</th>
        <th>TOTAL NUMBER OF BAGS</th>
        <th>TOTAL TONNAGE</th>
        <th>LBC INVOICE</th>
        <!-- <th>SUMMARY REF(S).</th> -->
        <th>CLAIM DOCUMENTS</th>
        <!--<th>PURITY DETAILS</th>
                          <th>PAYMENT SUMMARY</th>
                          <th>COVER LETTER</th> -->
        <th>EDIT CLAIM</th>
        <th>PREP. </th>
        <th>SUP. </th>
        <th>APVD. </th>
        <th>AUTH. </th>
        <th>CHECK</th>
        <th>TO AUDIT</th>
       </tr>
      </thead>
      <tbody>
       @foreach ($claims as $claim)
        <tr>
         <td>{{ $loop->index + 1 }}.</td>
         <td style="color: darkcyan; font-weight: bolder;">{{ optional($claim->lbc)->name }}</td>
         <td style="color: purple; font-weight: bolder;">{{ optional($claim->bank)->name }}</td>
         <td style="font-weight: bold; color:red;">{{ $claim->claim_ref }}</td>
         <td>{{ Carbon\Carbon::parse($claim->claim_date)->format('d M Y') }}</td>
         <td style="font-weight: bolder; color: green;">{{ $claim->total_claim }}</td>
         <td style="font-weight: bolder; color: blue;">{{ number_format($claim->total_bags) }}</td>
         <td style="font-weight: bolder; color: darkred;">{{ number_format($claim->total_tonnage, 4) }}</td>
         <td>{{ $claim->lbc_invoice }}</td>
         <!--<td style="font-weight: bold; color: indigo">
                              @foreach ($claim->summary_sheets as $summary_sheet)
 <table>
                                 <tr>
                                   <td><a href="{{-- route('view.audited.summary',$summary_sheet) }}">{{$summary_sheet->ref_no --}}</a></td>
                         </tr>
                      </table>
@endforeach
                    </td> -->
                    <td><a href="{{ route('get.claim.docs', $claim) }}" class="btn btn-danger">DOCUMENTS</a> </td>
                            <!--<td> <a href="{{-- route('get.claim.purity_details',$claim) --}}" class="btn btn-info">Purity details</a> </td>
                            <td> <a href="{{-- route('get.claim.payment_details',$claim) --}}" class="btn btn-success">Payment summary</a> </td>
                            <td><a href="{{-- route('get.claim.cover_details',$claim) --}}" class="btn btn-warning">Cover Letter</a> </td>-->
         <td> <a href="{{ route('claims.edit', $claim) }}" class="btn btn-danger"
           @if ($claim->supervised_by != null) onclick="event.preventDefault()" disabled @endif
           oncontextmenu="return false;">EDIT</a> </td>
         <td>
          <div class="form-group">
           <div class="checkbox">
            <input type="hidden" id="user_id" value="{{ Auth::id() }}">
            <label>
             <input class="check" type="checkbox"
              @if ($claim->prepared_by != null) disabled checked
                             @else
                             disabled @endif>

            </label>
           </div>
          </div>
         </td>
         <td>
          <div class="form-group">
           <div class="checkbox">
            <input type="hidden" id="user_id" value="{{ Auth::id() }}">
            <label>
             <input class="check" type="checkbox"
              @if ($claim->supervised_by != null) disabled checked
                             @else
                             disabled @endif>
            </label>
           </div>
          </div>
         </td>
         <td>
          <div class="form-group">
           <div class="checkbox">
            <input type="hidden" id="user_id" value="{{ Auth::id() }}">
            <label>
             <input class="check" type="checkbox"
              @if ($claim->approved_by != null) disabled checked
                             @else
                             disabled @endif>
            </label>
           </div>
          </div>
         </td>
         <td>
          <div class="form-group">
           <div class="checkbox">
            <input type="hidden" id="user_id" value="{{ Auth::id() }}">
            <label>
             <input class="check" type="checkbox"
              @if ($claim->authorized_by != null) disabled checked
                             @else
                             disabled @endif>
            </label>
           </div>
          </div>
         </td>

         <td>

          <div class="form-group">
           <div class="checkbox">

            <label>
             <input class="check" type="checkbox" id="check_{{ $claim->id }}" name="check_{{ $claim->id }}"
              value="{{ $claim->id }}"
              @can('accounts.supervise', Auth::user())
                                       @if ($claim->supervised_by != null)
                                         disabled checked
                                       @endif
                                    @endcan
              @can('accounts.approve', Auth::user())
                                       @if ($claim->approved_by != null)
                                         disabled checked
                                       @endif
                                    @endcan
              @can('accounts.authorize', Auth::user())
                                       @if ($claim->authorized_by != null)
                                         disabled checked
                                       @endif
                                    @endcan>

            </label>
           </div>
          </div>

         </td>
         <td>
          <div class="form-group">
           <div class="checkbox">
            <label for="">
             <input class="check_to_audit" type="checkbox" id="check_to_audit_{{ $claim->id }}"
              name="check_to_audit_{{ $claim->id }}" value="{{ $claim->id }}"
              @if ($claim->authorized_by == null) disabled @endif
              @if ($claim->moved_by_accounts != null) checked disabled @endif>
            </label>
           </div>
          </div>
         </td>

        </tr>
       @endforeach
      </tbody>
     </table>
    </div>

   </div>

   <!-- /.box-body -->
   <div class="box-footer">

   </div>

  </div>
  <!-- /.box -->

 </section>
@endsection

@section('more-scripts')
 <script src="{{ asset('admin/bower_components/datatables.net/js/jquery.dataTables.min.js') }}"></script>
 <script src="{{ asset('admin/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js') }}"></script>
 <script>
  $(function() {

   $.ajaxSetup({

    headers: {

     'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

    }

   });


   $('.check').click(function(event) {
    //event.preventDefault();
    /* Act on the event */
    var user_id = {{ Auth::id() }};
    var claim_id = parseInt($(this).val(), 10);
    $(this).attr("disabled", "true");
    //$(this).attr("checked", "checked");
    $(this).attr('checked', true);

    if ($(this).is(":checked")) {
     //alert(user_id);
     $.ajax({
       url: "{{ url('supervise_claim') }}",
       type: "PUT",
       data: {
        claim_id: claim_id,
        user_id: user_id

       },
      })
      .done(function(data) {
       console.log(data);
       console.log("checked");

       //$(this).attr("disabled", true);
      })
      .fail(function() {
       console.log("error");
      })
      .always(function() {
       console.log("complete");
      });

    } else {
     // checkbox is not checked -> do something different
     //var al = "not available"
     //alert(al);
     $.ajax({
       url: "{{ url('unsupervise_claim') }}",
       type: "PUT",
       data: {
        claim_id: claim_id,
        user_id: user_id

       },
      })
      .done(function(data) {
       console.log(data);
       console.log("unchecked");
      })
      .fail(function() {
       console.log("error");
      })
      .always(function() {
       console.log("complete");
      });

    }
   });

   $('.check_to_audit').click(function(event) {
    /* Act on the event */

    var user_id = {{ Auth::id() }};
    var claim_id = parseInt($(this).val(), 10);
    $(this).attr("disabled", "true");
    //$(this).attr("checked", "checked");
    $(this).attr('checked', true);
    //alert(claim_id);
    if ($(this).is(":checked")) {

     $.ajax({
      url: "{{ url('move_claim_to_audit') }}",
      type: "PUT",
      data: {
       claim_id: claim_id,
       user_id: user_id

      },
     }).done(function(data) {
      console.log(data);
      console.log("checked");
     })

    } else {
     $.ajax({
      url: "{{ url('unmove_claim_to_audit') }}",
      type: "PUT",
      data: {
       claim_id: claim_id,
       user_id: user_id
      }
     }).done(function(data) {
      console.log(data);
      console.log("unchecked");
     })

    }


   });





   $('#example1').DataTable()
   $('#example2').DataTable({
    'paging': true,
    'lengthChange': false,
    'searching': false,
    'ordering': true,
    'info': true,
    'autoWidth': false
   })
  })
 </script>
@endsection