<?xml version="1.0" encoding="iso-8859-1"?>
<htmltemplate>
	<!-- Contenido principal -->
	<body><![CDATA[
	<h1>Libro de reservaciones - %HOTNombre</h1>
	<div id='pantalla-reservaciones'>
		<!-- se usa para las notificaciones-->
		<div id="notification"></div>


		<!-- Seleccion de fecha -->
		<div id='selec-fechas'>
			<p>
				<label>Fecha de incio:</label>
				<input type='text' id='datepicker' value='%HARFecha1' size='9' />
			</p>
		</div>
		<!-- Legenda -->
		<div id='legenda'>
			<div class='status-0 legenda'>Nueva Reserva</div>
			<div class='status-1 legenda'>Solicitando</div>
			<div class='status-2 legenda'>Pagando</div>
			<div class='status-3 legenda'>Verificando pago</div>
			<div class='status-4 legenda'>Confirmada</div>
			<a href='https://sites.google.com/a/venezuelatuya.com/guia-del-usuario-sri/50-la-pantalla-de-reservaciones' target='_blank'> Explícame</a>
		</div>
		<ul class='ul-ayuda'>
			<li>Puede dejar esta ventana abierta. Se actualizará automáticamente</li>
			<li><b>Se marcan las noches de permanencia y no la fecha de salida</b>. (Ej. Si un huésped sale el día 15, se marca hasta el 14)</li>
		</ul>%tipohab
	</div>
	<!-- Formulario detalle de la reservacion -->
	<div id='dialog-reserva' title=''>
		<form name='formulario-reserva' action=''>
			<ul>
				<li><a href="#tab-habitaciones">Habitaciones</a></li>
				<li><a href="#tab-huespedes">Huespedes</a></li>
				<li><a href="#tab-estatus">Estatus</a></li>
				<li><a href="#tab-cobros">Cobros</a></li>
				<!--
				<li><a href="#tab-historial">Historial</a></li>
				-->
			</ul>
			<div id='tab-habitaciones'>
				<table class='tabla-formulario'>
					<tr>
						<th colspan='3'>&nbsp;</th>
					</tr>
					<tr>
						<th>Habitaciones</th>
						<th>Adultos</th>
						<th>Niños</th>
					</tr>
					<tr>
						<td colspan='3' style='text-align: right; font-weight: bold;'>Total</td>
					</tr>
				</table>
			</div>
			<div id='tab-huespedes'>
				<p class='texto'>Introduzca los datos de los huéspedes</p>
				<table class='tabla-formulario'>
					<tr>
						<th><label for='CLILinea1'>Nombre</label></th>
						<td><input type='text' id='CLILinea1' name='CLILinea1' size='20' /></td>
						<td class='validationMessage'></td>
					</tr>
					<tr>
						<th><label for='CLILinea2'>Apellido</label></th>
						<td><input type='text' id='CLILinea2' name='CLILinea2' size='20' /></td>
						<td class='validationMessage'></td>
					</tr>
					<tr>
						<th><label for='CLIEmail1'>Email</label></th>
						<td><input type='text' id='CLIEmail1' name='CLIEmail1' size='30' /></td>
						<td class='validationMessage'></td>
					</tr>
					<tr>
						<th><label for='CLITel1'>Teléfono</label></th>
						<td><input type='text' id='CLITel1' name='CLITel1' size='15' /></td>
						<td class='validationMessage'></td>
					</tr>
					<tr>
						<th><label for='CLILinea3'>CI/RIF</label></th>
						<td><input type='text' id='CLILinea3' name='CLILinea3' size='10' /></td>
						<td class='validationMessage'></td>
					</tr>
					<tr>
						<th><label for='CLITel2'>Celular</label></th>
						<td><input type='text' id='CLITel2' name='CLITel2' size='15' /></td>
						<td class='validationMessage'></td>
					</tr>
				</table>
				<table></table>
				<p class='texto'>Datos de los adultos (<span id='HARCant1'></span>) 
					y niños (<span id='HARCant2'></span>):</p>
				<table class='pax tabla-formulario' style='margin-left:0'></table>
				<div class='observaciones'>
					<p class='texto'>Observaciones pasajeros:
						<textarea id='RESBloque2' name='RESBloque2' cols='40' rows='8' style='vertical-align:top'></textarea>
					</p>
				</div>
			</div>
			<div id='tab-estatus'>
				<table class='tabla-formulario'>
					<tr>
						<th><label for='RESLista1'>Estatus de la reservación</label></th>
						<td><select name='RESLista1' id='RESLista1'>%RESLista1</select></td>
						<td class='validationMessage'></td>
					</tr>
					<tr>
						<th><label for='RESLista7'>Estatus general de pago</label></th>
						<td><select name='RESLista7' id='RESLista7'>%RESLista7</select></td>
						<td class='validationMessage'></td>
					</tr>
					<tr>
						<th><label for='RESBloque1'>Observaciones de estatus</label></th>
						<td><textarea id='RESBloque1' name='RESBloque1' cols='40' rows='8'></textarea></td>
						<td class='validationMessage'></td>
					</tr>
					<tr>
						<th><label>Monto recomendado</label></th>
						<td id='RESMonto1Recomendado'></td>
						<td class='validationMessage'></td>
					</tr>
					<tr>
						<th><label for='RESMonto1'>Monto a cobrar</label></th>
						<td><input type='text' name='RESMonto1' id='RESMonto1' /></td>
						<td class='validationMessage'></td>
					</tr>
					<tr>
						<th><label for='RESMonto3'>Monto cobrado</label></th>
						<td id='RESMonto3'></td>
						<td class='validationMessage'></td>
					</tr>
				</table>
			</div>
			<div id='tab-cobros'>
				<table class='cobronuevo tabla-formulario'>
					<tr>
						<th>Fecha</th>
						<td colspan='2'><input type='text' size='10' id='PAGFecha1' name='PAGFecha1' /></td>
					</tr>
					<tr>
                        <th>Número</th>
						<td><input type='text' size='10' id='PAGNombre' name='PAGNombre' /></td>
						<th>Método</th>
						<td><select name='PAGLista2' id='PAGLista2'>%PAGLista2</select></td>
					</tr>
					<tr>
						<th>Banco</th>
						<td><select name='PAGLink1_BAN' id='PAGLink1_BAN'>%PAGLink1_BAN</select></td>
                        <th>Monto</th>
						<td><input type='text' size='5' id='PAGMonto1' name='PAGMonto1' />&nbsp;
						<img title="Al monto no se le debe colocar coma (,) y al colocar un punto (.) se está indicando decimales. Ejemplo 9999.99" 
						src="/222/img/help.png" alt="Al monto no se le debe colocar coma (,) y al colocar un punto (.) se está indicando decimales. Ejemplo 9999.99"></td>
					</tr>
					<tr>
                        <th>Estatus</th>
						<td><select name='PAGLista1' id='PAGLista1'>%PAGLista1</select></td>
						<th>Fecha Confirmación</th>
						<td><input type='text' size='10' id='PAGFecha3' name='PAGFecha3' /></td>                        
					</tr>                    
					<tr>
						<th>Observación</th>
						<td colspan='2'><textarea cols='70' rows='3' id='PAGLinea3' name='PAGLinea3'></textarea></td>
					</tr>
					<tr>
						<td colspan='2'><input type='button' /></td>
					</tr>
				</table>
				<p class='texto'><b>Reporte de cobros realizados:</b></p>
				<table class='cobros tabla-formulario'>
					<tr>
						<th>&nbsp;</th>						
						<th>Fecha</th>
                        <th>Número</th>
						<th>Método</th>
						<th>Banco</th>
						<th>Monto</th>
						<th>Estatus</th>
                        <th>Fecha Confirmación &nbsp;&nbsp;</th>
						<th>Observación</th>                        
					</tr>
				</table>
			</div>
			<!--
			<div id='tab-historial'></div>
			-->
		</form>
	</div><!-- id='dialog-reserva' -->
	
	<div id='dialog-suspend-long' title='Suspender habitación/reservación'>
		<p class='texto'>La reserva en la habitación <span class='HABCodigo'></span>  
			está asociada a la reservación <span class='RESLinea1'></span>. 
			Estas son todas las habitaciones reservadas asociadas a la reservación: </p>
		<table>
			<thead>
				<tr><td>Habitación</td>
				<td>Nombre</td>
				<td class='suspend-pax'>Adultos</td>
				<td class='suspend-pax'>Niños</td></tr>
			</thead>
			<tbody class='HAR'></tbody>
		</table>
		<p class='texto'>Por favor especifique si desea cancelar sólo la habitación
			<span class='HABCodigo'></span> o la reservación completa.</p>
	</div><!-- id='dialog-suspend-long' -->
	
	<!-- se usa para la ventana de confirmacion-->
	<div id='dialog-suspend-short'><p class='texto'>¿Realmente desea 
		suspender la reservación #<span class='RESLinea1'></span> de <span class='CLINombre'></span>?</p></div>

	<!-- Menu Contextual-->
	<ul id='myMenu' class='contextMenu'>
		<li class='create'><a href='#create'>Crear</a></li>
		<li class='add'><a href='#add'>Añadir habitación</a></li>
		<li class='cancel'><a href='#cancel'>Cancelar</a></li>
		<li class='suspend'><a href='#suspend'>Suspender</a></li>
		<li class='edit'><a href='#edit'>Ver/Modificar datos</a></li>
	</ul>

	<div class='th-detalle' style='position:absolute'>
		<table class='th-reservas'>
			<tr>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
			</tr>
			<tr>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
			</tr>
		</table>
	</div>

	<div id='modalMask'><div>&nbsp;</div></div>
	]]></body>
	<tipohab><![CDATA[
		<!-- Tipo de habitacion -->
		<div id='th-%THACodigo' class='th'>
			<h2 class='th-head ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all'>
				<label>%THANombre</label>
				<a onclick="return changeDate('%anterior')"><img class='btn-izq' src='%urlstl/arrow-left.png' alt='' /></a>
				<img class='btn-ocultar' src='%urlstl/arrow-up.png' alt='' />
				<a onclick="return changeDate('%siguiente')"><img class='btn-der' src='%urlstl/arrow-right.png' alt='' /></a>
			</h2>
			<div class='th-detalle'>
				<div class='day-names-container'></div>
				<table class='th-habitaciones'>
						<tr><td class='nro-hab-head'><div>&nbsp;</div></td></tr>%trhabitaciones
				</table>
				<div class='th-reservas'></div>
			</div>
		</div>
	]]></tipohab>
	<trhabitaciones><![CDATA[
						<tr><td class='nro-hab'><div>%HABNombre</div></td></tr>
	]]></trhabitaciones>

	<!-- Listas de opciones -->
	<RESLista1>%option</RESLista1>
	<RESLista7>%option</RESLista7>
	<PAGLista1>%option</PAGLista1>
	<PAGLista2>%option</PAGLista2>
	<PAGLink1_BAN>%optiontext</PAGLink1_BAN>

	<!-- html necesario para construir un select -->
	<option><![CDATA[<option value='%value'%selected>%value</option>]]></option>
	<optiontext><![CDATA[<option value='%value'%selected>%text</option>]]></optiontext>
	<selected>selected='selected'</selected>

</htmltemplate>