@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>
        WAREHOUSE: {{App\Model\shed::find($shed_id)->warehouse->name}}
    </h1>

</section>

<section class="content">

	<!-- Default box -->
	<div class="box">
		<div class="box-header with-border">
			<h3 class="box-title">{{App\Model\shed::find($shed_id)->name}} <br><br>
                SHED WAYBILL QUANTITY : <span class="text-danger "> {{$shed_waybill->quantity}} </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.disc.quantity',$shed_waybill)}}" 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="disc_bags">Discrepant Quantity:</label>
                                <input type="number" min="0" class="form-control @error('disc_bags') is-invalid @enderror" id="disc_bags" name="disc_bags" placeholder="" required>
                                @error('disc_bags')
                                <span class="invalid-feedback text-danger" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>

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

                            </div>

                            <div class="form-group">


                                <button type="submit" id="submit_form" 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