@extends('app')
@section('content')
<title>Manage Technician</title>
<style type="text/css">
.form-group {
    min-height: 28px;
}
.modal-footer {
    clear: both;
}
.modal{
	z-index: 1000 !important;
}

</style>
<!-- @if($errors->any())
    <script type="text/javascript">
	    $(document).ready(function () {
			$("#add_reading").modal({backdrop:'static',keyboard:false, show:true});
		})
    </script>
@endif -->

<div class="content-wrapper">
    <div class="container">
        <div class="row">
                <div class="col-md-12"> 
                 
                <h1 class="page-head-line">TECHNICIAN LIST</h1>
                @if($client_plan !='F' && $client_plan != 'PL' )
                <span> You have made total {{ $bikers_count }} Technicians out of 
                 	{{ $technician_number }} .</span>
                @endif 	

					<div class="col-lg-9 col-md-9 col-sm-12 col-xs-12" style="padding: 0px;float: right">
															<form methd="get" action="/bikers" id="filterfrm" name="filterfrm"> 

						<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-top: 1%;padding: 0px">
                        	
							<div class="col-lg-9 col-md-9 col-sm-12 col-xs-12" style="float: left;padding:0px 8px;">
								
									                        	<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" style="float: left;padding:10px 4px">
		                        	<select class="form-control" name="filter_membertype" id="filter_membertype" onchange="this.form.submit();">
		                             <option value="1" selected="selected">Current Technicians</option>
		                             <option value="2" >Past Technicians</option>
		                             <option value="3" >All Technicians</option>
		                             </select> 

	                            </div>
								<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" style="float: left;padding:10px 4px">
									<input type="text" class="form-control" placeholder="Search By Name or Mobile" name="filter_name" id="filter_name" name="filter_name" id="filter_name" value=""/>
		                        	<input type="hidden" id="report-export" name="report" value="0" />
		                        	<input type="hidden" id="report-export-ids" name="reportids" value="" />
	                        	</div>
	                    	</div>
							<div class="col-lg-1.5 col-md-1.5 col-sm-1.5 col-xs-1.5" style="float: left;padding:10px 4px;">
                               <button class="btn btn-info" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                            </div> 	                    	
							<div class="col-lg-1.5 col-md-1.5 col-sm-1.5 col-xs-1.5" style="float: left;padding:10px 5px;">
                               <a href="" id="clear" data-toggle="tooltip" title="Clear details" class="btn btn-warning display_button" onclick="ClearFields();">Clear</a>
                            </div>

							<div class="col-lg-1.5 col-md-1.5 col-sm-1.5 col-xs-1.5" style="float: left;padding:10px 5px;">
                               @if(Session::get('user_role') == 'Manager')
                    		  @else 
                    		  		<input type="hidden" name="technician_number" id="technician_number" value="{{ $technician_number}}"> 
                    		  		<input type="hidden" name="bikers_count" id="bikers_count" value="{{ $bikers_count}}"> 
                    		  		<input type="hidden" name="client_plan" id="client_plan" value="{{ $client_plan}}">

									<!-- <a href="bikers/create" data-toggle="tooltip" title="Add New" id="add_new_technician" onclick="add_technician();" class="btn btn-primary display_button" style="float:right;margin-right:2%;margin-top:1%"><i class="fa fa-plus"></i></a> -->
									
									<!-- added to hide if user is admin and add column is checked-->
                                                                            									<a href="bikers/create" data-toggle="tooltip" title="Add New" id="add" class="btn btn-primary display_button" style="float:right;margin-right:2%;margin-top:1%"><i class="fa fa-plus"></i></a>
									  <!-- ended here -->
                    			@endif
                             </div> 
<!-- It will call on add technician -->
<script type="text/javascript">
	function add_technician() {
		var bikers_count = '';
		var technician_number = '';
		var client_plan = '';

		var bikers_count = document.getElementById('bikers_count').value;
		var technician_number = document.getElementById('technician_number').value;
		var client_plan = document.getElementById('client_plan').value;

		var bikers_count = bikers_count.trim();
		var technician_number = technician_number.trim();
		var client_plan = client_plan.trim();

		if(client_plan != 'F' && client_plan != 'PA') { 
			if( bikers_count < technician_number) {
				alert("Please upgrade your plan to make more Technicians. Please contact on this number 9137858155."); 
			} else { 
				window.location.href = "/bikers/create";
			}
		} else { 
			window.location.href = "/bikers/create";
		}
	}
</script>
                            <div class="col-lg-1.5 col-md-1.5 col-sm-1.5 col-xs-1.5" style="float: left;padding:10px 5px;">
                              <a href="javascript:void(0);" onclick="downloadreport();" data-toggle="tooltip" title="" class="btn btn-primary display_button" data-original-title="Download Excel"><i class="fa fa-download"></i></a>
                    
                            </div>                              
						</div>


                        </form>
                    </div>                   
                 <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12" style="padding: 0px;float: right;"> 


                    <form method="POST" id="biker_form" action="/bikers">
						<input type="hidden" name="_token" value="{{ csrf_token() }}">
						<input type="hidden" name="_method" value="DELETE">
						<input type="hidden" id="delvalue" name="delvalue" value="0">
						@if(Session::get('user_role') == 'Super Admin')
						<!-- added to hide if user is admin and add column is checked-->
						                                                    	<div style="float: left;padding:10px 5px;">
				        	<a id="delete" class="btn btn-danger pull-right display_button" data-toggle="tooltip" title="Delete entry" href="javascript:void(0);" onclick="submitdelfrm();" style="margin-right:0.5%;margin-top:1%" ><i class="fa fa-trash-o"></i></a> 
                        	</div> 
                        	<!-- ended here --> 	

		        		@endif
		        		<!-- added to hide if user is admin and add column is checked-->
                                                 
						<div style="float: left;padding:10px 5px;"> 
						<a href="" id="edit" data-toggle="tooltip" title="Edit details" class="btn btn-info pull-right display_button" style="margin-right:0.5%;margin-top:1%"><i class="fa fa-pencil"></i></a>
						 <!-- ended here --> 

                         <div style="float: left;padding:10px 5px;">
								<a href="" id="view" data-toggle="tooltip" title="View details" class="btn btn-warning pull-right display_button" style="margin-right:0.5%;margin-top:1%"><i class="fa fa-street-view"></i></a>
						</div>
					
	                    
	                </form>
</div>
					<script type="text/javascript">
					function downloadreport()
					{
						document.getElementById("report-export").value = 1;
						var tmpids = '';
						$('input[name="selected[]"]:checked').each(function() {
						   tmpids += (tmpids=='') ? this.value : ','+this.value;
						});
						document.getElementById("report-export-ids").value = tmpids;
						$( "#filterfrm" ).submit();
						document.getElementById("report-export").value = 0;
						document.getElementById("report-export-ids").value = '';
					}

					</script>
                </div>
       	</div>
       
                    	@if(Session::has('success'))
				            <div class="alert alert-success">
				                {{ Session::get('success') }}
				            </div>
						@endif
						@if($errors->any())
						    <div class="alert alert-danger">
						        @foreach($errors->all() as $error)
						            <p>{{ $error }}</p>
						        @endforeach
						    </div>
						@endif
						
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered table-hover" id="content_table12" style="margin-bottom: 0px;">
                            	<thead>
                                    <tr>
                                        <th ><input type="checkbox" onclick="$('input[name*=\'selected\']').prop('checked', this.checked).change();"/></th>
                                    	<th>
								        			                                        <a href="/bikers&sort=bikers.first_name">Name</a>
		                                    								        </th>
								        <th >
								        			                                        <a href="/bikers&sort=bikers.email">Email</a>
		                                    								        </th>
								        <th>
								        			                                        <a href="/bikers&sort=bikers.mobile">Mobile</a>
		                                    								        </th>
								        <!-- <th>
								        			                                        <a href="/bikers&sort=bikers.profile_status">Profile Status</a>
		                                    								        </th> -->
								        <th>
								        			                                        <a href="/bikers&sort=bikers.status">Status</a>
		                                    								        </th>
								        <th>
								        			                                        <a href="/bikers&sort=bikers.types">Types</a>
		                                    								        </th>
								       
								        <th>Profile Picture</th>
								        <th>
	                                        Manage
	                                    </th>
								        <!-- <th style="width: 9%;">Add Reading</th> -->
                                    </tr>
                                </thead>
                           
                                <tbody>