@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 with 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">

          <a class="btn btn-success" href="{{ route('remove_intwaybill_from_ctor',$ctor) }} ">REMOVE WAYBILL</a>
          {{-- <a class="btn btn-danger" href="{{ route('process.query',$ctor) }}">Back to Transactions</a> --}}

        </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