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

</section>

<section class="content">

	<!-- Default box -->
	<div class="box">
		<div class="box-header with-border">
			<h3 class="box-title">CLAIM REPORTS</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('accounts_report.form') }}" enctype="multipart/form-data">
      {{csrf_field()}}
      <div class="box-body">
         <div class=" col-md-offset-0 col-md-6">
            <div class="col-md-8">
               <div class="form-group">
                  <label for="dfrom">Claim date from: </label>
                  <input type="date" class="form-control" id="dfrom" name="dfrom" placeholder="">
              </div>

          </div>

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

          <div class="form-group">

              <label for="season_id"> Select season</label>
              <select id="season_id" class="form-control select2 required" data-placeholder="Select season"
              style="width: 100%;" name="season_id">
              <option value="">Select season.</option>
              <option value="all">All</option>
              @foreach ($seasons as $season)
              <option value="{{$season->id}}">{{$season->name}}</option>
              @endforeach
              
          </select>
          <br><br>

      </div>

					<!--
					<div class="form-group">

						<label for="port_id"> Select Port</label>
						<select id="port_id" class="form-control select2 required" data-placeholder="Select port"
							style="width: 100%;" name="port_id">
							<option value="">Select port.</option>
							@foreach ($ports as $port)
							<option value="{{$port->id}}">{{$port->name}}</option>
							@endforeach
							
						</select>
						<br><br>

					</div>
              -->
          </div>
          
      </div>
  </div>
  
  <!-- /.box-body -->
  <div class="box-footer">
    <button type="submit" class="btn btn-primary">Submit</button>
</div>
</form>
<!-- /.box-footer-->
</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 src="{{asset('admin/bower_components/select2/dist/js/select2.full.min.js')}}"></script>
<script>
  $(function () {
     
    $('.select2').select2();
    
    
})
</script>

@endsection