@extends('app')
@section('content')
<title>Client 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: 100%;
  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">Client Report</h1>
        </div>
      </div>
    <div class="row">
        <div class="col-md-2 report_leftpanel">
            <form class="form-horizontal" role="form" method="GET" action="/customer_report" id="report-frm" name="report-frm">
                <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}" />
                <!-- Changes by gaurav on 4-march-2020 to make date filter in client report -->
                <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>
                <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;">Client 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;">Email: </label>
                             <div class="col-md-12" style="padding:0px">
                <input type="text" class="form-control" name="filter_shipment" value="">
              </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>Company Name</th>
                <th>Address</th>
                <th>Name</th>
                <th>Email</th>
                <th>Mobile No</th>
				<th>Landline No</th>
				<th>Status</th>
    			</tr>
    			</thead>
    			<tbody>
        </table> -->
                <div class="div-table-content">
            <table class="table table-striped table-bordered" id="content_table">
              <tbody>
                <thead>
            <tr>
              
               
                <th>Name</th>
                  <th>Company Name</th>
                <th>Email</th>
                <th>Contact No</th>
        <th>Client Type</th>
         <th>State</th>
       <!--  <th>Start Date</th> -->
    <!--    <th>Leaving Date</th>   -->
    <th>Services Assigned</th>
        <th>Status</th>
          </tr>
          </thead>