@extends('app')
@section('content')
<title>Technician Report</title>
<style type="text/css">
.text_font{
    font-size: 11px;
    text-align: left !important;
}
.padding_filter{
    padding-top: 5px !important;
}
td, th {
   /* font-size: 12px;*/
}

/* For fixed table thead */
table {
    /*table-layout:fixed;*/
}

.div-table-content {
  max-height: 370px;
  overflow-y:auto;
}
.scorll {
  width: 98.5%;
  margin-bottom: 0px;
  border-bottom: none !important;
}
</style>

<div class="content-wrapper">
    <div class="container-fluid">
      <div class="row">
        <div class="col-md-12">
          
            <a href="?report=1" data-toggle="tooltip" title="" class="btn btn-primary" data-original-title="Download Excel" style="float:right;margin-right:2%;margin-top:1%">DOWNLOAD EXCEL <i class="fa fa-download"></i></a>
            <h1 class="page-head-line">Technician Report</h1>
        </div>
      </div>
    <div class="row">
       <div class="col-md-2 report_leftpanel">
            <form role="form" method="GET" action="/bikers_report" id="report-frm" name="report-frm">
                <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}" />
              <label style="padding: 0px;margin-top: 2%;">Start Date :</lable>
                <div class="col-md-12 padding_filter" style="padding:0px">
                    <div class="input-group date">
                      <input type="text" id="report_start_date" name="start_date" data-format="DD-MM-YYYY" class="form-control" placeholder="dd-mm-yy" value =  "" >
                      <span class="input-group-btn">
                      <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
                      </span>
                    </div>
                </div>

              <label style="padding: 0px;margin-top: 2%;">End Date :</lable>
                <div class="col-md-12 padding_filter" style="padding:0px">
                    <div class="input-group date">
                      <input type="text" id="report_end_date" name="end_date" data-format="DD-MM-YYYY" class="form-control" placeholder="dd-mm-yy" value = "" >
                      <span class="input-group-btn">
                      <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
                      </span>
                    </div>
                </div>
                <!-- Added by gaurav to make date filter in technician report on 4-march-2020 -->
                <!--<label class="col-md-12 control-label" style="padding:0px;margin-top: 2%;">Start Date: </label>
                <div class="col-md-12" style="padding:0px">
                  <div class="input-group date">
                      <input  type="text" id="report_start_date" name="start_date" value="" data-format="DD-MM-YYYY" class="form-control" placeholder="DD-MM-YYYY" onChange="chPy()" >
                      <span class="input-group-btn">
                      <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
                      </span>
                    </div>
                </div>
                <label class="col-md-12 control-label" style="padding:0px;margin-top: 2%;">End Date: </label>
                <div class="col-md-12" style="padding:0px">
                  <div class="input-group date">
                      <input type="text" id="report_end_date" name="end_date" value="" data-format="DD-MM-YYYY" class="form-control" placeholder="DD-MM-YYYY"  >
                      <span class="input-group-btn">
                      <button type="button" class="btn btn-default" ><i class="fa fa-calendar" readonly></i></button>
                      </span>
                    </div>
                </div>--> <!-- ended here code for filter -->

                <label class="col-md-12 control-label" style="padding:0px;margin-top: 2%;text-align:left;">Status:</label>
                <div class="col-md-12" style="padding-left: 0px;">
                 @foreach($types as $type)
                    <label class="checkbox-inline" style="margin-left: 0px;"><input type="checkbox" class="biker_list_sort" name="biker_type[]" value="" style="margin-top: 0%;" ></label>  
                  @endforeach
                </div>
                <label class="col-md-12 control-label" style="padding:0px;margin-top: 2%;text-align:left;">Technician Name: </label>
                  <div class="col-md-12 padding_filter" style="padding:0px">
                    <p><span id="tags-input" class="selectivity-input" name="bikers_list" id="bikers_list" style="width:100%;font-size: 11px;"></span></p>
                    <textarea name="bikers_id" id="bikers_id" style="display:none;"></textarea>
                  </div>

                <!-- <label class="col-md-12 control-label" style="padding:0px;margin-top: 2%;text-align:left;">Biker Type: </label>
                  <div class="col-md-12 padding_filter" style="padding:0px">
                    <select name="biker_type" id="biker_type" class="form-control">
                        <option value="">Select Biker Type</option>
                        <option value="Tempo" >Tempo</option>
                        <option value="Train" >Train</option>
                        <option value="Runner" >Biker</option>
                    </select>
                  </div> -->
            
                <p style="clear: both;text-align: center;padding-top: 3%;"><input type="submit" class="btn btn-success" id="biker_form_submit" value="Search" style="margin-right: 5px;"/>
                  <button onclick="reset_tags_box();return false;" class="btn btn-success" id="shipment_form_reset" >Clear</button>
                </p>
            </form>
    	</div>
    	<div class="col-md-9">
    <!-- 		<table class="table table-striped table-bordered scorll" id="header_table">
    			<thead>
    				<tr>
                <th>Name</th>
                <th>Email</th>
                <th>Mobile</th>
                <th>Status</th>
                <th>Total Deliveries</th>
    			</tr>
    			</thead>
    			<tbody>
        </table> -->
        <div class="div-table-content">
            <table class="table table-striped table-bordered" id="content_table">
            <thead>
            <tr>
                <th>Name</th>
                <th>Email</th>
                <th>Mobile</th>
                <th>Start Date</th>
                <th>Leaving Date</th>
                <th>Status</th>
                <th>Avg. Rating</th>
                <th>Total Services Completed</th>
          </tr>
          </thead>
          <tbody>
              <tbody>