@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>
		Summary
	</h1>

</section>

<section class="content">

	<!-- Default box -->
	<div class="box">
		<div class="box-header with-border">
			<h3 class="box-title">Summary</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>
		@include('includes.messages')
		<form role="form" method="post" action="{{ route('summary.form') }}" enctype="multipart/form-data" id="myFormId">
			{{csrf_field()}} @method('POST')
			<div class="box-body">
				<div class=" col-md-offset-0 col-md-8">

					<div class="col-md-8">
						<div class="form-group">
							<label for="dfrom">Date from: </label>
							<input type="date" class="form-control" id="dfrom" name="dfrom" placeholder="" required>
						</div>

					</div>

					<div class="col-md-8">
						<div class="form-group">
							<label for="dto">Date to: </label>
							<input type="date" class="form-control" id="dto" name="dto" placeholder="" required>
						</div>
					</div>

			{{-- 	<div class="form-group">
					<div class="col-md-8">
						<label for="cocoa_type_id" class="col-md-4 control-label"><br>Cocoa Type:</label>
						<select id="cocoa_type_id" class="form-control select2" data-placeholder="Select Cocoa Type"
						style="width: 100%;" name="cocoa_type_id" required>
						<option value=""selected disabled>Select Cocoa Type:</option>
						@foreach ($cocoa_types as $cocoa_type)
						<option value="{{$cocoa_type->id}}">{{$cocoa_type->type_name}}</option>
						@endforeach
					</select>
				</div>
			</div>
			--}}

		</div>
	</div>

	<!-- /.box-body -->
	<div class="box-footer">
		<button type="submit" id="submit_form" class="btn btn-primary">Submit</button>
	</div>
</form>
<!-- /.box-footer-->
</div>
<!-- /.box -->

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


    $.ajaxSetup({

    	headers: {

    		'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

    	}

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