<div class="hpanel">

	<div class="panel-body">

		<?php if($action == 'create'): ?>
		<h3>Agregar nuevo concesionario</h3>
		<?php else: ?>
		<h3>Editar concesionario</h3>
		<?php endif; ?>
		
		<?php if( count($errors) > 0 ): ?>
		<div class="alert alert-danger">
			<ul>
				<?php foreach($errors->all() as $error): ?>
				<li><?php echo e($error); ?></li>
				<?php endforeach; ?>
			</ul>
		</div>
		<?php endif; ?>

		<form id="form-concesionario" method="post" data-validation="admin.concesionario.form" role="form">

			<input type="hidden" name="_token" value="<?php echo e(csrf_token()); ?>" />

			<input type="hidden" name="id-old" value="<?php echo e($concesionario->id); ?>" />
			
			<input type="hidden" name="latitud" id="latitud" value="<?php echo e($concesionario->latitud); ?>" />
			
			<input type="hidden" name="longitud" id="longitud" value="<?php echo e($concesionario->longitud); ?>" />

			<div class="form-group">
				<label for="id">Id</label>
				<input type="text" id="id" name="id" value="<?php echo e($concesionario->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="<?php echo e($concesionario->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="<?php echo e($concesionario->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="<?php echo e($concesionario->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>
					<?php foreach($ciudades as $ciudad): ?>
					<option value="<?php echo e($ciudad->id); ?>" <?php echo e($ciudad->id == $concesionario->id_ciudad ? 'selected' : ''); ?>><?php echo e($ciudad->nombre); ?></option>
					<?php 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><?php echo e($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="<?php echo e($concesionario->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="<?php echo e($concesionario->website); ?>" class="form-control" />
			</div>
			<div class="form-group">
				<label for="telefono">Tel&eacute;fono</label>
				<input type="text" id="telefono" name="telefono" value="<?php echo e($concesionario->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>


<?php $__env->startSection('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 el id del concesionario.'
							}
					}
			},
			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>
	<?php if( $concesionario->latitud && $concesionario->longitud ): ?>
	position = { lat: <?php echo e($concesionario->latitud); ?>, lng: <?php echo e($concesionario->longitud); ?> };
	<?php endif; ?>
	google.maps.event.addDomListener(window, 'load', setupMapEditable);
</script>
<?php $__env->stopSection(); ?>