@extends('admin.layout.app')

@section('more-head')
<link rel="stylesheet" type="text/css" href="{{asset('admin/bower_components/select2/dist/css/select2.min.css')}}">
<link rel="stylesheet" href="{{asset('admin/dist/css/AdminLTE.min.css')}}">
@endsection
@section('main-content')

<section class="content-header">
	<h1>
		CMC OPERATIONS MANAGEMENT SYSTEM
		
	</h1>

</section>

<section class="content">

	<!-- Default box -->
	<div class="box">
		<div class="box-header with-border hiide">
			<h3 class="box-title hiide">WEIGHBRIDE - {{strtoupper($evac_truck->shed_evac->shed->warehouse->name)}} <b> </b> </h3>

			<div class="box-tools pull-right hiide">
				<button type="button" class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip"
				title="Collapse">
				<i class="fa fa-minus"></i></button>

			</div>
		</div>
		 @include('includes.messages')
		
				
			<div class="box-body">
				<div class="nav-tabs-custom">
            <ul class="nav nav-tabs">
              <li class="active hiide"><a href="#tab_1" data-toggle="tab" aria-expanded="true">VIEW WEIGHBRIDGE REPORT</a></li>
              <li  class="hiide"><a href="#tab_2" data-toggle="tab" aria-expanded="false" style="color: red; font-weight: bold">ADD FIRST WEIGHT</a></li>
              <li class="hiide"><a href="#tab_3" data-toggle="tab" aria-expanded="false" style="color: green; font-weight: bold;">ADD SECOND WEIGHT</a></li>
              <!--<li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                  Dropdown <span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
                  <li role="presentation" class="divider"></li>
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
                </ul>
              </li>-->
              <!--<li class="pull-right"><a href="#" class="text-muted"><i class="fa fa-gear"></i></a></li>-->
            </ul>
            <div class="tab-content">
              <div class="tab-pane active" id="tab_1">
                  <div class="col-md-12 table-responsive">
					<br>
			   
				<div class="table-responsive col-md-12">
					<div class="col-md-6"></div>
					 <div class=" col-md-6 showee">
					 	<img src="{{asset('admin/dist/img/cmclogo.png')}}" class="img-circle" alt="User Image"> <b>  COCOA MARKETING COMPANY (GH.) LTD. </b> <br> {{strtoupper($evac_truck->shed_evac->shed->warehouse->name)}}
					 </div>
					 <table class="table table-striped table-responsive table-bordered">
					 	<tr>
								<th>MK Number</th>
								<th>Buyer</th>
								<th>truck Number</th>
								<th>Transporter</th>
								<th>Bags</th>
								<th>First Weight</th>
								<th>Second Weight</th>
								<th>PRINT</th>
							</tr>
							
								<tr>
									<td>{{strtoupper($evac_truck->shed_evac->wpo_evacuation->sales_advice->mk_number)}}</td>
									<td>{{strtoupper($evac_truck->shed_evac->wpo_evacuation->consignee->name)}}</td>
									<td>{{strtoupper($evac_truck->truck->truck_no)}}</td>
									<td>{{strtoupper($evac_truck->truck->transporter)}}</td>
									<td>{{strtoupper($evac_truck->bags)}}</td>
									<td>{{strtoupper($evac_truck->first_weight)}}</td>
									<td>{{strtoupper($evac_truck->second_weight)}}</td>
									<td><a href="{{ route('print.evac.ticket',$evac_truck) }}" class="btn btn-success">PRINT TICKET</a></td>
								</tr>
							
					 </table>
					
				</div>
			</div>
              </div>
              <!-- /.tab-pane -->

				
              <div class="tab-pane" id="tab_2">
              	<form role="form" method="post" action="{{ route('store.evac.first_weight',$evac_truck) }}" enctype="multipart/form-data">
              		{{csrf_field()}} {{method_field('POST')}}
               
					<div class="col-md-4">
						<br>
						 <div class="form-group">
						 	TRANSACACTION CODE: <b style="color: purple;">  </b> 
						 </div> 

						 <div class="form-group">
						 	TRUCK NUMBER: <b style="color: purple;"> {{strtoupper($evac_truck->truck->truck_no)}}  </b> 
						 </div> 
						 <div class="form-group">
		                 		<label for="weighbridge_id">Select weighbridge:</label> <br>
								<select name="weighbridge_id" class="select2 form-control" style="width:100%;">
									<option value="0" selected disabled>Select weighbridge</option>
									@foreach ($weighbridges as $weighbridge)
										<option value="{{$weighbridge->id}}">{{$weighbridge->weighbridge_name}}</option>
									@endforeach
								</select>
								<br> <br>
							</div>

					<div class="form-group">
							<label for="first_weight">ADD FIRST WEIGHT </label>
							<input type="number" class="form-control" id="first_weight" name="first_weight" placeholder="eg. 62800" >
						</div>
						<div class="form-group">
							<label for="first_weight_confirmation">CONFIRM FIRST WEIGHT </label>
							<input type="number" class="form-control" id="first_weight_confirmation" name="first_weight_confirmation" placeholder="eg. 62800" >
						</div>

						


					<div class="form-group">
						<button id="submit_form2" type="submit" class="btn btn-primary">Submit</button>
					</div>
		
				</div>
			</form>
              </div>
              <!-- /.tab-pane -->
             <div class="tab-pane" id="tab_3">
                <form role="form" method="post" action="{{ route('store.evac.second_weight',$evac_truck) }}" enctype="multipart/form-data">
						{{csrf_field()}} {{method_field('POST')}}
               
					<div class="col-md-4">
						<br>
						<div class="form-group">
						 	TRANSACACTION CODE: <b style="color: purple;">  </b> 
						 </div> 

						 <div class="form-group">
						 	TRUCK NUMBER: <b style="color: purple;"> {{strtoupper($evac_truck->truck->truck_no)}} </b> 
						 </div> 
					<div class="form-group">
		                 		<label for="weighbridge_id">Select weighbridge:</label> <br>
								<select name="weighbridge_id" class="select2 form-control" style="width:100%;">
									<option value="0" selected disabled>Select weighbridge</option>
									@foreach ($weighbridges as $weighbridge)
										<option value="{{$weighbridge->id}}">{{$weighbridge->weighbridge_name}}</option>
									@endforeach
								</select>
								<br> <br>
					 </div>

					<div class="form-group">
							<label for="second_weight">ADD SECOND WEIGHT </label>
							<input type="number" class="form-control" id="second_weight" name="second_weight" placeholder="eg. 62800" >
						</div>
						<div class="form-group">
							<label for="confirm_second_weight">CONFIRM SECOND WEIGHT </label>
							<input type="number" class="form-control" id="second_weight_confirmation" name="second_weight_confirmation" placeholder="eg. 62800" >
						</div>

						


					<div class="form-group">
						<button id="submit_form1" type="submit" class="btn btn-primary">Submit</button>
					</div>
		
				</div>
			</form>
              </div> 
              <!-- /.tab-pane -->
            </div>
            <!-- /.tab-content -->
          </div>
			
				


			</div>

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


</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 src="{{asset('admin/bower_components/select2/dist/js/select2.full.min.js')}}"></script>
    <!--<script src="{{--asset('admin/dist/js/forwardonly.js')--}}"></script> -->
 <script>
  $(function () {
   $('.showee').hide();
    $('.select2').select2();
    
   /* $('#submit_form').on('click', function(event) {
    	bush_grade = $('#bush_grade').val();
    	if (warehouse_id == '0') {
    	event.preventDefault();
    	alert('Kindly select a Warehouse');
    	return false;	
    	}
    	else {
    		return true;
    	}
    	

    }); */
    $('#printscrn').on('click', function(event) {
    	event.preventDefault();
    	$('.hiide').hide();
    	$('.showee').show();
    	window.print();
    	$('.hiide').show();
    	$('.showee').hide();
    });
   
  })
</script>

@endsection