@extends('layouts.masterHome2')

@section('content')
 
<br/>
<div class="row">
<div class="col-md-2"></div>
  <div class="col-md-8">

      <div class="card card-info">
          <div class="card-header">
            <h3 class="card-title">Waste Report - تقرير صنف</h3>
          </div>
          <!-- /.card-header -->
          <!-- form start -->

            <form   role="form" method="POST" action="{{ url('/class_report/create') }}">
                        {{ csrf_field() }}
              <div class="box-body">
              <div class="card-body">

              <div class="col-md-12" style="display: flex;flex-flow: row;justify-content: space-around;" >

                <div class="form-group col-md-6" >
                    <label for="exampleInputPassword1">Date from  </label>
                    <input type="date" id="class_report_from" name="from" class="form-control"  placeholder="Date from " required>
                </div>
                  <div class="form-group col-md-6">
                    <label for="exampleInputPassword1">Date to</label>
                    <input type="date" id="class_report_to" onchange="class_report_showWastes_()" name="to" class="form-control"  placeholder="Date to " required>
                  </div>
              </div>

 

              <div class="form-group">
                <label>Choose Waste - اختيار الصنف </label>
                <div class="select2-purple">
                  <select class="select2"   multiple="multiple"  style="width: 100%;" name="class_wastes[]"  id="class_waste_id" data-dropdown-css-class="select2-purple" required>
                  
                  </select>
                </div>    

              </div>
 
                </div>
              </div>
              <!-- /.box-body -->

              <div class="card-footer">
                <button type="submit" class="btn btn-warning">Create</button>
              </div>
              
            </form>


      </div>


  </div>
        <!-- /.row -->
</div>
<br/><br/><br/>



@endsection