@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">Internal Waybills without CTORs at <b style="color: red;"> {{strtoupper($ctor->shed->name)}} SHED </b> 
        <input type="hidden" id="ctor_id" value="{{$ctor->id}}" name="ctor_id">  </h3>
        
        <div class="box-tools pull-right">
         @can('toc_supervisor', Auth::user())
         <a class="btn btn-success" href="{{ route('sup_add_intwaybill_to_ctor',$ctor) }} ">ADD CTOR</a>
         @endcan
         @cannot('toc_supervisor', Auth::user())
         <a class="btn btn-success" href="{{ route('confirm_intwaybill_to_ctor',$ctor) }} ">ADD CTOR</a>
         <a class="btn btn-danger" href="{{ route('shed.shack.show') }}">Back to Transactions</a>
         @endcannot

       </div>
     </div>

     <div class="box-body table-responsive">
      <div class="col-md-offset-2 col-md-8">
        <table class="table table-bordered table-striped">
          <tr>
            <th>CTOR NUMBER</th>
            <td>{{strtoupper($ctor->ctor_number)}}</td>
          </tr>
          <tr>
            <th>CTOR DATE</th>
            <td>{{$ctor->ctor_date}}</td>
          </tr>
          <tr>
            <th>CTOR CATEGORY</th>
            <td>
              @foreach ($categorys as $category)
              @if ($ctor->category_id == $category->id)
              {{$category->name}}
              @endif
              @endforeach
            </td>
          </tr>
          <tr>
            <th>CTOR Region</th>
            <td>{{$ctor->region->name}}</td>
          </tr>
          <tr>
            <th>LBC</th>
            <td>{{$ctor->lbc->name}}</td>
          </tr>
          <tr>
            <th>SHED</th>
            <td>{{$ctor->shed->name}}</td>
          </tr>

        </table>
      </div>
      <div class="col-md-12 table-responsive">
        <br>
        <table id="example1" class="table table-bordered table-striped table-condensed">
          <thead>
            <tr>
              <th>No.</th>
              <th>Transaction Code</th>
              <th>Region</th>
              <th>District</th>
              <th>Station</th>
              <th>LBC Company</th>
              <th>Bush Waybill No.</th>
              <th>Internal Waybill No.</th>
              <th>Internal Waybill Date</th>
              <th>Purity Date</th>
              <th>Purity Number</th>
              <th>Purity No. of Bags</th>
              <th>Purity Grade</th>
              <th>Purity Category</th>
                      <!--<th>EDIT</th>
                        <th>DELETE</th> -->
                        <th>SELECT</th>
                      </tr>
                    </thead>
                    <tbody>

                     @foreach ($internal_waybills as $internal_waybill)

                     <tr>
                      <td>{{$loop->index + 1}}.</td>
                      <td style="color: indigo; font-weight:bold;">{{$internal_waybill->bush_delivery->transaction_code}}</td>
                      <td style="color: indigo; font-weight:bold;">{{$internal_waybill->bush_waybill->station->district->region->name}}</td>
                      <td style="color: brown; font-weight:bold;">{{$internal_waybill->bush_waybill->station->district->district_name}}</td>
                      <td style="color: darkcyan; font-weight:bold;">{{$internal_waybill->bush_waybill->station->station_name}}</td>
                      <td style="font-weight:bolder;">{{$internal_waybill->bush_waybill->lbc->name}}</td>
                      <td style="font-weight: bold;">{{$internal_waybill->bush_waybill->bush_waybill_no}}</td>
                      <td style="color: purple; font-weight:bold;">{{$internal_waybill->internal_waybill_no}}</td>
                      <td>{{$internal_waybill->internal_waybill_date}}</td>
                      <td>{{$internal_waybill->purity_date}}</td>
                      <td>{{$internal_waybill->purity_number}}</td>
                      <td>{{$internal_waybill->purity_no_of_bags_ok}}</td>
                      <td>{{$internal_waybill->purity_grade}}</td>
                      <td>
                       @foreach ($categorys as $category)
                       @if ($category->id == $internal_waybill->purity_category_id)
                       {{$category->name}}</td>
                       @endif
                       @endforeach
                          <!--
                          <td><a href="" class="btn btn-primary">EDIT</a></td>
                          <td><a href="" class="btn btn-danger">DELETE</a></td>-->
                          <td>
                            <div class="form-group">
                             <div class="checkbox">
                              <label>
                                <input type="checkbox" id="check_{{$internal_waybill->id}}" name="check_{{$internal_waybill->id}}" value="{{$internal_waybill->id}}" onclick='
                                var ctor_id = $("#ctor_id").val();
                                var id = parseInt($(this).val(), 10);
                                if($(this).is(":checked")) {
                                        //alert(id);
                                  $.ajax({
                                    url: "{{ url('check_ctor') }}",
                                    type: "PUT",
                                    data: {
                                      id: id,
                                      ctor_id: ctor_id

                                    },
                                  })
                                  .done(function(data) {
                                    console.log(data);
                                    console.log("checked");
                                  })
                                  .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('uncheck_ctor') }}",
                                    type: "PUT",
                                    data: {
                                      id: id,

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

                                }
                                ' @if ($internal_waybill->ctor_status == 1)
                                checked
                                @endif
                                >

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

                        </td>
                      </tr>
                      @endforeach
                    </tbody>
                  </table>
                </div>
              </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')

              }

            });

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

        @endsection