@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>
        Factory: {{App\Model\consignee::find($consignee_id)->name}}
    </h1>

</section>

<section class="content">

	<!-- Default box -->
	<div class="box">
		<div class="box-header with-border">
			<h3 class="box-title">{{App\Model\consignee::find($consignee_id)->name}}</h3>

			<div class="box-tools pull-right">
				<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>
		

		<form class="form-horizontal" method="POST" action="{{ route('save.indirect.tolling.quantity',$evac_truck)}}" id="myFormId">
            {{ csrf_field() }} {{method_field('PUT')}}
            <div class="box-body">
                <div class=" col-md-offset-1 col-md-6">
                    <div class="col-md-8">
                        <br><br>

                        <div class="form-group">
                            <label for="date"> Date: </label>
                            <input type="date" class="form-control" id="date" name="date" placeholder="Name of Warehouse" required>
                        </div>


                        <div class="form-group">
                            <label for="net_weight">Net Weight:</label>
                            <input type="number" min="1" class="form-control" id="net_weight" name="net_weight" placeholder="" required>
                        </div>

                        <div class="form-group">

                            <label for="factory_warehouse_id"> Factory Warehouse</label>
                            <select id="factory_warehouse_id" class="form-control select2 required" data-placeholder="Select LBC"
                            style="width: 100%;" name="factory_warehouse_id" required>
                            <option selected disabled>Select Warehouse.</option>
                            @foreach ($factory_warehouses as $factory_warehouse)
                            <option value="{{$factory_warehouse->id}}">{{$factory_warehouse->name}}</option>
                            @endforeach
                        </select>

                    </div>

                    <div class="form-group">
                        <label for="factory_tonnage">Factory Tonnage:</label>
                        <input type="number" min="0" class="form-control @error('factory_tonnage') is-invalid @enderror" id="factory_tonnage" name="factory_tonnage" placeholder="" required>
                        @error('factory_tonnage')
                        <span class="invalid-feedback text-danger" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>

                    <div class="form-group">
                        <label for="confirm_factory_tonnage">Confirm Tonnage:</label>
                        <input type="number" min="0" class="form-control @error('factory_tonnage') is-invalid @enderror" id="confirm_factory_tonnage" name="factory_tonnage_confirmation" placeholder="" required>

                    </div>



                    <div class="form-group">


                        <button type="submit" class="btn btn-success">
                            Save
                        </button>

                    </div>
                </div>
            </div>
        </form>

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

@endsection

@section('more-scripts')
<!-- Select2 -->
<script src="{{asset('admin/bower_components/select2/dist/js/select2.full.min.js')}}"></script>

<script>
  $(function () {
    //alert('hello world');

    $('.select2').select2()

    $('#myFormId').submit(function(){
        $("#submit_form", this)
        .html("Please Wait...")
        .attr('disabled', 'disabled');
        return true;
    });
    
})
</script>
@endsection