@extends('app')
@section('content')
<title>RMA 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>

<script type="text/javascript">
function showhiderma()
{
	var chkbx = document.getElementById("standbydeviceweb");
	if(chkbx.checked)
	{ 
		$("#standbydevicewebsrno").show();
		$("#standbydevicewebmdno").show();
		
	}
	else
	{
		$("#standbywebserialno").val("");
		$("#standbywebmodelno").val("");
		$("#standbydevicewebsrno").hide();
		$("#standbydevicewebmdno").hide();
	}
}

function showhidermatech()
{
	var chkbx = document.getElementById("standbydevice");
	if(chkbx.checked)
	{ 
		$("#standbydevicesrno").show();
		$("#standbydevicemdno").show();
		
	}
	else
	{
		$("#standbyserialno").val("");
		$("#standbymodelno").val("");
		$("#standbydevicesrno").hide();
		$("#standbydevicemdno").hide();
	}
}
</script>

<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">RMA Report</h1>
        </div>
      </div>
    <div class="row">
      <div class="col-md-2 report_leftpanel">
            <form class="form-horizontal" role="form" method="GET" action="/rma_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 :</label>
                <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-YYYY" READONLY value =  "" >
                      <span class="input-group-btn">
                      <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
                      </span>
                    </div>
                </div>
                <div class="clear"></div><br />
                <label style="padding: 0px;margin-top: 4%;">End Date :</label>
                <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-YYYY" READONLY 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: 4%;text-align:left;">Status:</label>
                <div class="col-md-12" style="padding-left: 0px;">
                    @foreach($status as $status1)
                    <label class="checkbox-inline" style="margin-left: 0px;"><input type="checkbox" class="biker_list_sort" name="status[]" value="" style="margin-top: 0%;" ></label><br>
                  @endforeach
                </div>
                <label class="col-md-12 control-label" style="padding:0px;margin-top: 4%;text-align:left;">Service No. : </label><br />
                             <div class="col-md-12" style="padding:0px;margin-top:2px;">
                <input type="text" class="form-control" name="filter_shipment" value="">
              </div>
                <label class="col-md-12 control-label" style="padding:0px;margin-top: 4%;text-align:left;">RMA Type:</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="rma_type[]" value="" style="margin-top: 0%;" ></label><br>
                  @endforeach
                </div>

                <label class="col-md-12 control-label" style="padding:0px;margin-top: 4%;text-align:left;">Stand By Devices:</label><br />
                <div class="col-md-12" style="padding:0px">
                	                	<input type="checkbox" name="standbydeviceweb" value="1" class="chkbxrma" id="standbydeviceweb" onclick="showhiderma();" /> Stand By Device Received Back From Client


                </div>

                <div class="col-md-12" id="standbydevicewebsrno" style="padding:0px;margin-top:4px;display:none;">
                	<input type="text" class="form-control" id="standbywebserialno" name="standbywebserialno" value="" placeholder="Serial No.">
                	<br />
                	<input type="text" class="form-control" id="standbywebmodelno" name="standbywebmodelno" value="" placeholder="Model No.">
                </div>

                <div class="col-md-12" style="padding:0px">
                	                	<input type="checkbox" name="standbydevice" value="1" class="chkbxrma" id="standbydevice" onclick="showhidermatech();" /> Stand By Device Submitted By Technician


                </div>

                <div class="col-md-12" id="standbydevicesrno" style="padding:0px;margin-top:4px;display:none;">
                	<input type="text" class="form-control" id="standbyserialno" name="standbyserialno" value="" placeholder="Serial No.">
                	<br />
                	<input type="text" class="form-control" id="standbymodelno" name="standbymodelno" value="" placeholder="Model No.">
                </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>Type</th>
                <th>Terms & Condition</th>
                <th>Start Date</th>
                <th>End Date</th>
				<th>Product</th>
    			</tr>
    			</thead>
    			<tbody>
        </table> -->
        
            <table class="table table-striped table-bordered" id="content_table">
            <thead>
            <tr>
                <th>Service No</th>
                
                <!--th>Company Name</th-->
                <th>RMA Type</th>
                <th>Product Name</th>
                <th>Model No</th>
                <th>Serial No</th>
                <th>Technician</th>
                <th>Warranty</th> 
                <th>Last Updated Date</th>
                <th>Status</th>
                <th>More</th> 
          </tr>
          </thead>
              <tbody>