@extends('layouts.app')
@vite(['resources/css/app.css', 'resources/js/app.js'])

@section('content')
<fieldset>
	<legend><h1>Eventos</h1></legend>
	<div style="width:50%; margin:0 auto;">
				<table cellspacing="5" cellpadding="0" align="center" width="100%">
			<tbody><tr>
				<td>Nombre</td>
				<td><input type="text" name="Nombre" id="Nombre" style="width:100%;" value="" class="required"></td>
			</tr>
			<tr>
				<td>Duración</td>
				<td><input type="text" name="Duracion" id="Duracion" style="width:100%;" value="" class="required"></td>
			</tr>
			<tr>
				<td>Horario</td>
				<td><input type="text" name="Horario" id="Horario" style="width:100%;" value="" class=""></td>
			</tr>
			<tr>
				<td>Lugar</td>
				<td><input type="text" name="Lugar" id="Lugar" style="width:100%;" value="" class=""></td>
			</tr>
			<tr>
				<td>Dirección</td>
				<td><input type="text" name="Direccion" id="Direccion" style="width:100%;" value="" class=""></td>
			</tr>
			<tr>
				<td>País</td>
				<td><input type="text" name="Pais" id="Pais" style="width:100%;" value="" class=""></td>
			</tr>
			<tr>
				<td>Ciudad</td>
				<td><input type="text" name="Ciudad" id="Ciudad" style="width:100%;" value="" class=""></td>
			</tr>
			<tr>
				<td>Organizador</td>
				<td><input type="text" name="Organizador" id="Organizador" style="width:100%;" value="" class=""></td>
			</tr>
			<tr>
				<td>Categoría</td>
				<td><select name="Categoria" id="Categoria" style="width:100%;" class="required"><option value="">- Seleccione Categoría -</option>
											<option value="Feria">Feria</option>
											<option value="Congreso">Congreso</option>
											<option value="Curso">Curso</option>
									</select></td>
			</tr>
			<tr>
				<td>Persona</td>
				<td><input type="text" name="Persona" id="Persona" style="width:100%;" value="" class=""></td>
			</tr>
			<tr>
				<td>Fono</td>
				<td><input type="text" name="Fono" id="Fono" style="width:100%;" value="" class=""></td>
			</tr>
			<tr>
				<td>Fax</td>
				<td><input type="text" name="Fax" id="Fax" style="width:100%;" value="" class=""></td>
			</tr>
			<tr>
				<td>Casilla</td>
				<td><input type="text" name="Casilla" id="Casilla" style="width:100%;" value="" class=""></td>
			</tr>
			<tr>
				<td>Mail</td>
				<td><input type="text" name="mail" id="mail" style="width:100%;" value="" class=""></td>
			</tr>
			<tr>
				<td>Sitio</td>
				<td><input type="text" name="Sitio" id="Sitio" style="width:100%;" value="" class=""></td>
			</tr>
			<tr>
				<td>Imagen</td>
				<td><input type="file" name="Imagen" id="Imagen" style="width:100%;" value="" class="required"></td>
			</tr>
			<tr>
				<td>Desripción</td>
				<td><textarea name="Descripcion" id="Descripcion" class="required" rows="10" cols="70"></textarea></td>
			</tr>
			<tr>
				<td>Fecha</td>
				<td><input type="text" name="Fecha" id="Fecha" style="width:60%;" value="2024-12-10" class="required hasDatepicker"><img class="ui-datepicker-trigger" src="http://pm.portalminero.com/js/ui-jquery/development-bundle/demos/datepicker/images/calendar.gif" alt="..." title="..."></td>
			</tr>
			<tr>
				<td colspan="2">&nbsp;</td>
			</tr>
			<tr>
				<td colspan="2" align="right">
					<div style="float:right;"><input type="submit" name="" id="guardar" value="Guardar" class="boton"></div>
				</td>
			</tr>
		</tbody></table>
			</div>
</fieldset>
@endsection