@extends('admin.layouts.main')

@section('content')

<div class="normalheader transition animated fadeIn">
	
    <div class="hpanel">
		
        <div class="panel-body">
			
            <a class="small-header-action" href="">
                <div class="clip-header">
                    <i class="fa fa-arrow-up"></i>
                </div>
            </a>

            <div id="hbreadcrumb" class="pull-right m-t-lg">
                <ol class="hbreadcrumb breadcrumb">
                    <li>
						<a href="/admin/dashboard">
							<i class="fa fa-dashboard"></i>
							Dashboard
						</a>
					</li>
					<li>
						<a href="/admin/concesionarios">
							<i class="fa fa-wrench"></i>
							Concesionarios
						</a>
					</li>
					<li class="active">
						Nuevo
					</li>
                </ol>
            </div>
			
            <h2 class="font-light m-b-xs">
				<i class="fa fa-wrench"></i>
                Concesionarios
            </h2>
			
            <small>Concesionarios y sedes.</small>
			
        </div>
		
    </div>
	
</div>

<div class="content">
	
	<div class="row">
		<div class="col-md-12">
			<div class="hpanel">
				<div class="panel-body">
					<h3>Agregar nuevo concesionario</h3>

					@if( count($errors) > 0 )
					<div class="alert alert-danger">
						<ul>
							@foreach ($errors->all() as $error)
							<li>{{ $error }}</li>
							@endforeach
						</ul>
					</div>
					@endif
			
					<form id="form-concesionario" method="post" data-validation="admin.concesionario.form" role="form">
			
						<input type="hidden" name="_token" value="{{ csrf_token() }}" />
			
						{{-- <input type="hidden" name="id" value="{{ $concesionario->id }}" /> --}}
						
						<input type="hidden" name="latitud" id="latitud" value="{{ $concesionario->latitud }}" />
						
						<input type="hidden" name="longitud" id="longitud" value="{{ $concesionario->longitud }}" />
			
						<div class="form-group">
							<label for="id">Id</label>
							<input type="text" id="id" name="id" value="{{ old('id') }}" class="form-control" required/>
							<div class="help-block with-errors"></div>
						</div>
						<div class="form-group">
							<label for="nombre">Nombre</label>
							<input type="text" id="nombre" name="nombre" value="{{ old('nombre') }}" class="form-control" required/>
							<div class="help-block with-errors"></div>
						</div>
						<div class="form-group">
							<label for="sucursal">Sucursal</label>
							<input type="text" id="sucursal" name="sucursal" value="{{ old('sucursal') }}" class="form-control" required/>
							<div class="help-block with-errors"></div>
						</div>
						<div class="form-group">
							<label for="nit">NIT</label>
							<input type="text" id="nit" name="nit" value="{{ old('nit') }}" class="form-control" required/>
							<div class="help-block with-errors"></div>
						</div>
			
						<div class="hr-line-dashed"></div>
			
						<div class="form-group">
							<label for="id_ciudad">Ciudad</label>
							<select id="id_ciudad" name="id_ciudad" class="form-control" required>
								<option value="">Seleccione</option>
								@foreach($ciudades as $ciudad)
								<option value="{{ $ciudad->id }}" {{ $ciudad->id == $concesionario->id_ciudad ? 'selected' : '' }}>{{ $ciudad->nombre }}</option>
								@endforeach
							</select>
							<div class="help-block with-errors"></div>
						</div>
						<div class="form-group">
							<label for="ubicacion">Ubicaci&oacute;n</label>
							<textarea id="ubicacion" name="ubicacion" class="form-control" required>{{ $concesionario->ubicacion }}</textarea>
							<div class="help-block with-errors"></div>
						</div>
						<div class="form-group">
							<label for="email">Email</label>
							<input type="text" id="email" name="email" value="{{ old('email') }}" class="form-control" required/>
							<div class="help-block with-errors"></div>
						</div>
						<div class="form-group">
							<label for="website">Website</label>
							<input type="text" id="website" name="website" value="{{ old('website') }}" class="form-control" />
						</div>
						<div class="form-group">
							<label for="telefono">Tel&eacute;fono</label>
							<input type="text" id="telefono" name="telefono" value="{{ old('telefono') }}" class="form-control" required/>
							<div class="help-block with-errors"></div>				
						</div>
						
						<div class="form-group">
							<div id="map-canvas" class="map"></div>
						</div>
						
						<div class="form-group">
							<input id="submit_btn" type="submit" class="btn btn-primary" value="Guardar" />
							<a href="/admin/concesionarios" class="btn btn-default">Cancelar</a>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	
</div>

@endsection

@section('scripts')
					<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAYpOcY_Ev9QEONCGr2bpj3ObJw3zxBcvs"></script>
					<script>
						$('#form-concesionario').bootstrapValidator({
							fields: {
								nombre: {
													validators: {
															notEmpty: {
																	message: 'Por favor, introduzca un nombre.'
															}
													}
											},
								id: {
										validators: {
												notEmpty: {
														message: 'Por favor, introduzca el id del concesionario.'
												}
										}
								},
								sucursal: {
										validators: {
												notEmpty: {
														message: 'Por favor, introduzca una sucursal.'
												}
										}
								},
								nit: {
										validators: {
												integer: {
														message: 'Por favor, introduzca un NIT válido.'
												},
												notEmpty: {
														message: 'Por favor, introduzca un NIT.'
												}
										}
								},
								id_ciudad: {
										validators: {
												notEmpty: {
														message: 'Por favor, seleccione una ciudad.'
												}
										}
								},
								ubicacion: {
										validators: {
												notEmpty: {
														message: 'Por favor, introduzca una ubicación.'
												}
										}
								},
								email: {
										validators: {
												email: {
													message: 'Por favor, introduzca una dirección de correo válida.'
												},
												notEmpty: {
														message: 'Por favor, introduzca una dirección de correo.'
												}
										}
								},
								website: {
										validators: {
												uri: {
														message: 'Por favor, introduzca una dirección web válida.'
												}
										}
								},
								telefono: {
										validators: {
												notEmpty: {
														message: 'Por favor, introduzca un número telefónico.'
												}
										}
								},
							},
					
						});
					
						$( document ).ready(function() {
							$( '#form-concesionario' ).submit(function() {
								$( '#latitud' ).val( marker.position.lat() );
								$( '#longitud' ).val( marker.position.lng() );
								return true;
							});
					
							$("#submit_btn").click(function(){
								$("#form-concesionario").validator('validate');
							})
						});
					</script>
					<script>
						@if( $concesionario->latitud && $concesionario->longitud )
						position = { lat: {{ $concesionario->latitud }}, lng: {{ $concesionario->longitud }} };
						@endif
						google.maps.event.addDomListener(window, 'load', setupMapEditable);
					</script>
					@endsection