@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">Tracking Report</h3>
          </div>
          <!-- /.card-header -->
          <!-- form start -->
          <form   role="form" method="POST" action="{{ url('/report/create') }}">
                        {{ csrf_field() }}
          <div class="box-body">
                
            <div class="card-body">
                   
                


                <div class="form-group">
                  <label>Choose Transporters - جهة النقل </label>
                  <select class="form-control select2 select2-hidden-accessible"   style="width: 100%;" name="transporter_id" id="transporter_id" required>
                    @foreach( $transporters as $transporter ) 
                    <option value="{{ $transporter->id }}"  >{{$transporter->waste_transporter}}</option>
                    @endforeach
                  </select>
                  </div>
  
  
                  <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="tracking_from" name="from" class="form-control"  placeholder="Date from " required>
                    </div>
                    <div class="form-grou col-md-6">
                      <label for="exampleInputPassword1">Date to</label>
                      <input type="date" id="tracking_to" onchange="showClasses_()"  name="to" class="form-control"  placeholder="Date to " required>
                    </div>
                  </div>
  
                
  
                  
                  <div class="form-group">
                  <label>Choose Classes - فـئة المخلف </label>
                  <select class="form-control select2"  onchange="showGroups(this.value)" style="width: 100%;" name="class_id" id="class_id" required>
                  <option  >choose Class </option>
                  </select>
                  </div>
  
                  <div class="form-group">
                  <label>Choose Group - المجموعة </label>
                  <select class="form-control select2"  onchange="showClassification(this.value)" style="width: 100%;" name="group_id" id="group_id" required>
                  <option  >choose Group </option>
                  </select>
                  </div>
  
                  <div class="form-group">
                  <label>Choose Classifications - التصنيف</label>
                  <select class="form-control select2"  onchange="showCustomers(this.value)"  style="width: 100%;" name="classification_id" id="classification_id" required>
                  <option  >choose Classifications </option>
                  </select>
                  </div>
  
  
                  <div class="form-group">
                  <label>Choose Transporters - شركة التدوير  </label>
                  <select class="form-control select2"   style="width: 100%;" name="customer_id" id="customer_id" required>
                     
                  </select>
                  </div>
  
  
                
  
  
                  <div class="form-group">
                  <label>LOGO  </label>
                  <select class="form-control select2"   style="width: 100%;" name="logo" id="logo" required>
                    
                    <option value="yes"  > With Logo</option>
                    <option value="no"  >  Without Logo</option>
                    
                  </select>
                  </div>
  
  
                </div>
                <!-- /.box-body -->
  

                 


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

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


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

 


@endsection