@extends('app')
@section('content')
<title>Techinician Rating Chart</title>

<div class="content-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="page-head-line">Techinician Rating Chart</h1>
                </div>
           	</div>
            <div class="row">
            	<div class="col-md-12">
            		<div class="panel panel-default">
                        <div class="panel-body">
							<form class="form-horizontal" role="form" method="POST" action="/ratings/showgraph" >
														<input type="hidden" name="_token" value="{{ csrf_token() }}" />
										
										<div class="col-md-8">
					                     <div class="form-group">
					                            <label class="control-label col-md-4 col-sm-3 col-xs-12">Technician Name
					                            </label>
					                            <div class="col-md-5 col-sm-6 col-xs-12">
					                               <!--<input type="text" class="form-control" name="contact_name" value="{{  old('contact_name') }}" style="text-transform:capitalize">-->
					                            	<select name="biker_id" class="form-control">
													<option value="">Please Select</option>
													@foreach($bikers as $biker)
															<option value="{{ $biker->id }}">{{ $biker->first_name }} {{ $biker->last_name}}</option>
													@endforeach
													</select>
												</div>
					                        </div>
					                    </div>
										
										
										<div class="col-md-8">
					                        <div class="form-group">
					                            <label class="control-label col-md-4 col-sm-3 col-xs-12">Start Date <span style="color:#FF0000"> *</span></label>
					                            <div class="col-md-8 col-sm-6 col-xs-12">
					                                <div class="input-group date">
					                                      <input type="text" name="start_date" id="joining_date" data-format="DD-MM-YYYY" class="form-control" readonly value="">
					                                      <span class="input-group-btn">
					                                      <button type="button" class="btn btn-default click"><i class="fa fa-calendar"></i></button>
					                                      </span>
					                                </div>
					                            </div>
					                        </div>
					                    </div>
										<div class="col-md-8">
					                        <div class="form-group">
					                            <label class="control-label col-md-4 col-sm-3 col-xs-12">End Date <span style="color:#FF0000"> *</span></label>
					                            <div class="col-md-8 col-sm-6 col-xs-12">
					                                <div class="input-group date">
					                                      <input type="text" name="end_date" id="joining_date" data-format="DD-MM-YYYY" class="form-control" readonly value="">
					                                      <span class="input-group-btn">
					                                      <button type="button" class="btn btn-default click"><i class="fa fa-calendar"></i></button>
					                                      </span>
					                                </div>
					                            </div>
					                        </div>
					                    </div>
										<div class="col-md-8">
					                         <div class="form-group">
					                            <div class="col-md-8 col-sm-6 col-xs-12 col-md-offset-5">
					                                <button type="submit" class="btn btn-success" id="save_reading">Submit</button>
					                               
					                            </div>
					                        </div>
					                    </div>
                        	
    
						</div>
						</form>
					</div>
				</div>
			</div>
		</div>
</div>
@endsection