@extends('layouts.main')

@push('styles')
<link rel="stylesheet" type="text/css" href="{{asset('css/bootstrap-datetimepicker.min.css')}}">
@endpush

@section('content')
<div class="row">
		<div class="col-md-12">
			<div class="card">
				<div class="card-header">
					<h4 class="card-title" id="basic-layout-form-center">{{__('strings.add_new')}}</h4>
					
				</div>
				<div class="card-body collapse in">
					<div class="card-block">

						<div class="card-text">
							<p>{{__('strings.add_new_taximeter_description')}}</p>
						</div>

						<form class="form" action="{{route('register_taximeter')}}" method="post">
							{{ csrf_field() }}
							<div class="row">
								<div class="col-md-6 offset-md-3">
									<div class="form-body" style="overflow: visible;">
										<div class="row">
											<div class="col-md-6">
												<div class="form-group">
													<label for="imei">IMEI</label>
													<input type="text" id="imei" class="form-control" placeholder="IMEI" name="imei" value="{{old('imei')}}">
												</div>
											</div>
											<div class="col-md-6">
												<div class="form-group">
													<label for="type">{{__('strings.taximeter_type')}}</label>
													<select id="type" name="taxy_type" class="form-control" data-toggle="tooltip" data-trigger="hover" data-placement="top" data-title="type">
														<option value="LIBRE" selected="">Libre</option>
														<option value="PLAN">Plan</option>
														<option value="DEMO">Demo</option>
													</select>
												</div>
											</div>
										</div>

										<div class="row">
											<div class="col-md-6">
												<div class="form-group">
													<label for="alias">Alias</label>
													<input type="text" id="alias" class="form-control" placeholder="Alias" name="alias" value="{{old('alias')}}">
												</div>
											</div>
											<div class="col-md-6">
												<div class="form-group">
													<label for="password">{{__('strings.password')}}</label>
													<input type="text" id="password" class="form-control" placeholder="{{__('strings.password')}}" name="password" value="{{rand(1000,9999)}}" >
												</div>
											</div>
										</div>

										<div class="row">
											<div class="col-md-6">
	                                            <label for="start_duirno">{{__('strings.duirno_start')}}</label>
												<div class="input-group has-icon-right">
	                                                <input id="start_duirno" name="start_duirno" type='text' class="form-control" name="start_duirno" value="{{old('start_duirno')}}" />
	                                                <div class="input-group-append">
                                                            <span class="input-group-text"><i class="icon-android-calendar"></i></span>
													</div>
	                                            </div>
											</div>

											<div class="col-md-6">
												<div class="form-group">
	                                                <label for="end_duirno">{{__('strings.duirno_end')}}</label>
	                                                <div class='input-group has-icon-right' >
									                    <input id='end_duirno' type='text' class="form-control"  name="end_duirno" value="{{old('end_duirno')}}"  />
									                    <div class="input-group-append">
                                                                                                <span class="input-group-text"><i class="icon-android-calendar"></i></span>
														</div>
									                </div>
	                                            </div>
											</div>
										</div>

										<h4 class="card-title" id="basic-layout-form-center">{{__('strings.duirno_rates')}}</h4>

										<div class="row">
											<div class="col-md-6">
												<div class="form-group">
													<label for="banderazo_duirno_price">{{__('strings.banderazo_price')}}</label>
													<input type="number" id="banderazo_duirno_price" class="form-control" placeholder="$" name="banderazo_duirno_price" value="11" step="0.01">
												</div>
											</div>
											<div class="col-md-6">
												<div class="form-group">
													<label for="banderazo_duirno_tel_price">{{__('strings.banderazo_tel_price')}}</label>
													<input type="number" id="banderazo_duirno_tel_price" class="form-control" placeholder="$" name="banderazo_duirno_tel_price" value="14.3" step="0.01">
												</div>
											</div>											
										</div>

										<div class="row">
											<div class="col-md-6">
												<label for="caida_duirno_price">{{__('strings.caida_price')}}</label>
													<input type="number" id="caida_duirno_price" class="form-control" placeholder="$" name="caida_duirno_price" value="1.25" step="0.01">
											</div>
											<div class="col-md-6">
												<label for="distance_duirno_price">{{__('strings.distance_price')}}</label>
													<input type="number" id="distance_duirno_price" class="form-control" placeholder="$" name="distance_duirno_price" value="0.5" step="0.01">
											</div>
										</div><br>

										<h4 class="card-title" id="basic-layout-form-center">{{__('strings.nocturno_rates')}}</h4>

										<div class="row">
											<div class="col-md-6">
												<div class="form-group">
													<label for="banderazo_nocturno_price">{{__('strings.banderazo_price')}}</label>
													<input type="number" id="banderazo_nocturno_price" class="form-control" placeholder="$" name="banderazo_nocturno_price" value="14.3" step="0.01">
												</div>
											</div>
											<div class="col-md-6">
												<div class="form-group">
													<label for="banderazo_nocturno_tel_price">{{__('strings.banderazo_tel_price')}}</label>
													<input type="number" id="banderazo_nocturno_tel_price" class="form-control" placeholder="$" name="banderazo_nocturno_tel_price" value="17.6" step="0.01">
												</div>
											</div>											
										</div>

										<div class="row">
											<div class="col-md-6">
												<label for="caida_nocturno_price">{{__('strings.caida_price')}}</label>
													<input type="number" id="caida_nocturno_price" class="form-control" placeholder="$" name="caida_nocturno_price" value="1.25" step="0.01">
											</div>
											<div class="col-md-6">
												<label for="distance_nocturno_price">{{__('strings.distance_price')}}</label>
													<input type="number" id="distance_nocturno_price" class="form-control" placeholder="$" name="distance_nocturno_price" value="0.5" step="0.01">
											</div>
										</div><br>

										<h4 class="card-title" id="basic-layout-form-center">{{__('strings.others')}}</h4>

										<div class="row">
											<div class="col-md-6">
												<label for="caida_seconds">{{__('strings.caiuda_seconds')}}</label>
													<input type="number" id="caida_seconds" class="form-control" placeholder="0.0" name="caida_seconds" value="39" step="0.01">
											</div>
											<div class="col-md-6">
												<label for="distance_meters">{{__('strings.distance_meters')}}</label>
													<input type="number" id="distance_meters" class="form-control" placeholder="0.0" name="distance_meters" value="100" step="0.01">
											</div>
										</div><br>

										<h4 class="card-title" id="basic-layout-form-center">{{__('strings.concessionaire')}}</h4>

										<div class="row">
											<div class="col-md-12">
												<label for="concessionaire_name">{{__('strings.name')}}</label>
													<input type="text" id="concessionaire_name" class="form-control" placeholder="" name="concessionaire_name" value="{{old('concessionaire_name')}}">
											</div>
											<div class="col-md-6">
												<label for="consesion">{{__('strings.consesion')}}</label>
													<input type="text" id="consesion" class="form-control" placeholder="" name="consesion" value="{{old('consesion')}}">
											</div>
											<div class="col-md-6">
												<label for="phone_complaints">{{__('strings.phone_complaints')}}</label>
													<input type="text" id="phone_complaints" class="form-control" placeholder="" name="phone_complaints" value="{{old('phone_complaints')}}">
											</div>
										</div><br>

										<h4 class="card-title" id="basic-layout-form-center">{{__('strings.taxi_data_header')}}</h4>

										<div class="row">
											<div class="col-md-6">
												<label for="taxi_eco">{{__('strings.eco')}}</label>
													<input type="text" id="taxi_eco" class="form-control" placeholder="" name="taxi_eco" value="{{old('taxi_eco')}}">
											</div>
											<div class="col-md-6">
												<label for="taxi_serial">{{__('strings.serial_number')}}</label>
													<input type="text" id="taxi_serial" class="form-control" placeholder="" name="taxi_serial" value="{{old('taxi_serial')}}">
											</div>
											<div class="col-md-6">
												<label for="taxi_plates">{{__('strings.plates')}}</label>
													<input type="text" id="taxi_plates" class="form-control" placeholder="" name="taxi_plates" value="{{old('taxi_plates')}}">
											</div>
											<div class="col-md-6">
												<label for="k_constant">{{__('strings.k_constant')}}</label>
													<input type="text" id="k_constant" class="form-control" placeholder="" name="k_constant" value="23.07">
											</div>
											<div class="col-md-6">
												<label for="taximeter_number">{{__('strings.taximeter_number')}}</label>
													<input type="text" id="taximeter_number" class="form-control" placeholder="" name="taximeter_number" value="{{old('taximeter_number')}}">
											</div>
											<div class="col-md-6">
												<label for="taximeter_city">{{__('strings.city')}}</label>
													<input type="text" id="taximeter_city" class="form-control" placeholder="" name="taximeter_city" value="{{old('taximeter_city')}}">
											</div>

										</div><br>

										<h4 class="card-title" id="basic-layout-form-center" style="display:none">{{__('strings.sos_phones')}}</h4>

										<div class="row" style="display:none">
											<div class="col-md-6">
												<label for="sos_1">SOS 1</label>
													<input type="text" id="sos_1" class="form-control" placeholder="" name="sos_1"  value="{{old('sos_1')}}">
											</div>
											<div class="col-md-6">
												<label for="sos_2">SOS 2</label>
													<input type="text" id="sos_2" class="form-control" placeholder="" name="sos_2" value="{{old('sos_2')}}">
											</div>
											<div class="col-md-6">
												<label for="sos_3">SOS 3</label>
													<input type="text" id="sos_3" class="form-control" placeholder="" name="sos_3" value="{{old('sos_3')}}">
											</div>
										</div>

										<h4 class="card-title" id="basic-layout-form-center" >BuzzSOS Integration</h4>
										<div class="row">
											<div class="col-md-12">
													<label for="buzzsos_api_key">Api Key</label>
														<input type="text" id="buzzsos_api_key" class="form-control" placeholder="" name="buzzsos_api_key" value="{{old('buzzsos_api_key')}}">
											</div>
										</div>

									</div>
								</div>
							</div>

							<div class="form-actions center">
								<a href="#" onclick="window.history.back();" class="btn btn-secondary">  {{__('strings.submit_cancel')}} </a>    
								<button type="submit" class="btn btn-primary">  {{__('strings.submit_register')}}
								</button>
							</div>
						</form>	

					</div>
				</div>
			</div>
		</div>
	</div>

@endsection

@push('scripts')
<script src="{{asset('js/bootstrap-datetimepicker.min.js')}}" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function () {
    	$('#start_duirno').datetimepicker({
    		format: 'HH:mm',
    		useCurrent: false, 
            icons: {
			    time: 'icon-android-time',
			    date: 'icon-android-calendar',
			    up: 'icon-chevron-up',
			    down: 'icon-chevron-down',
			    previous: 'icon-chevron-left',
			    next: 'icon-chevron-right',
			    today: 'icon-android-checkbox-blank',
			    clear: 'icon-ios-trash',
			    close: 'icon-close'
			}
    	});
    
    $('#end_duirno').datetimepicker({
            format: 'HH:mm',
            useCurrent: false,            
            icons: {
			    time: 'icon-android-time',
			    date: 'icon-android-calendar',
			    up: 'icon-chevron-up',
			    down: 'icon-chevron-down',
			    previous: 'icon-chevron-left',
			    next: 'icon-chevron-right',
			    today: 'icon-android-checkbox-blank',
			    clear: 'icon-ios-trash',
			    close: 'icon-close'
			}
    });
    
    $("#start_duirno").on("dp.change", function (e) {
            $('#end_duirno').data("DateTimePicker").minDate(e.date);
            $('#end_duirno').data("DateTimePicker").defaultDate(e.date);
        });
    $("#end_duirno").on("dp.change", function (e) {
            //$('#start_duirno').data("DateTimePicker").maxDate(e.date);            
    });
    
	});
</script>
@endpush