<?php
$est = new Estacionamiento();
$carrocerias = $est->carrocerias();
$carrocerias[0]['nombre'] = 'Seleccionar';
?>
<form id="cliente" class="five column custom centered" action="javascript:void(0)">
	<fieldset>
		<legend>Ingresar nuevo cliente</legend>
		<div class="row">
			<div class="four columns">
				<label><span class="requerido"></span> Registrado:</label>
			</div>
			<div class="eight columns">
				<label for="si"><input name="registrado" type="radio" id="si" value="1"> Si</label>
				<label for="no"><input name="registrado" type="radio" id="no" value="0"> No</label>
			</div>
		</div>
		<label><span class="requerido"></span> Patente:</label>
		<input class="five" type="text" placeholder="TD-90-32" name="patente">
		<div id="oculto0" style="display:none;">
			<label for="customDropdown"><span class="requerido"></span> Carroceria:</label>
			<select name="carroceria" style="display:none;" id="customDropdown">
				<?php foreach($carrocerias as $carroceria){ ?>
				<option value="<?php echo $carroceria['id']; ?>"><?php echo $carroceria['nombre']; ?></option>
				<?php } ?>
			</select>
			<div class="custom dropdown" style="width:380px;">
				<a href="#" class="current">
					<?php echo $carrocerias[0]['nombre']; ?>
				</a>
				<a href="#" class="selector"></a>
				<ul>
					<?php foreach($carrocerias as $carroceria){ ?>
						<li style="width:380px;"><?php echo $carroceria['nombre']; ?></li>
					<?php } ?>
				</ul>
			</div>
		</div>
		<div id="oculto1" style="display:none;">
			<label><span class="requerido"></span> Nombre de usuario:</label>
			<div id="usuario">
				<input type="hidden" name="usu_id" value="0">
				<input class="eight" type="text" placeholder="Apodo" name="usu_apodo" disabled>
			</div>
		</div>
		<div class="row">
			<div class="five columns">
				<label><span class="requerido"></span> ¿Se estacionara?</label>
			</div>
			<div class="seven columns">
				<label><input name="estaciona" type="radio" value="1"> Si</label>
				<label><input name="estaciona" type="radio" value="0"> No</label>
			</div>
		</div>
		<label>Obervaci&oacute;n:</label>
		<textarea name="observacion" cols="30" rows="5"></textarea>
		<div class="right">
			<input type="button" class="success button radius" value="Guardar" onclick="xajax_nuevo_cliente(xajax.getFormValues('cliente'));" style="margin:10px;">
			<a href="{BASE}clientes" class="alert button radius" style="margin:10px;">Cancelar</a>
		</div>
	</fieldset>
</form>