<%@include file="/jsp/common/defaultTopLogin.jsp"%>

<!-- css especifico para la pagina -->
<link rel="stylesheet"
	href="${contextPath}/css/dda/contrato/condicionesTransaccion/condicionesTransaccion.css" />
<!-- js especifico para esta pagina- -->

<script>
var contextPath = "${contextPath}";
</script>

<script
	src="${contextPath}/js/dda/contrato/condicionesTransaccion/condicionesTransaccion.js"></script>

<script
	src="${contextPath}/js/dda/contrato/condicionesTransaccion/condicionesTransaccionAction.js"></script>


<jsp:useBean id="contrato"
	type="com.mx.dla.dda.contrato.generales.dtos.ContratoDTO"
	scope="session"></jsp:useBean>




<form id="forma" name="forma" class="form-horizontal">
	<fieldset>
		<input type="hidden" id="idContrato" name="idContrato"
			value="${idContrato}"> <input type="hidden"
			id="idContratoSession"
			value="${idContrato}">
		<b>RENTA PREMIERS</b>
		<legend>Condiciones Transacci&oacute;n</legend>
		<input type="hidden" id="expediente"
			value="${usuario.expediente}">
		<input type="hidden" id="idContrato" name="idContrato"
			value="${idContrato}"> <input type="hidden"
			id="idContratoSession"
			value="<jsp:getProperty name="contrato"	property="idContrato" />">
		<input type="hidden" id="fechaInicioContrato"
			value="<jsp:getProperty name="contrato"	property="fechaInicio" />">
		<input type="hidden" id="fechaFinContrato"
			value="<jsp:getProperty name="contrato"	property="fechaFin" />">


		<div class="ajusteFechaContrato">

			<div class="bloque">
				<label><b>Fechas del Contrato</b></label>
			</div>

			<div class="bloque">
				Inicio <input id="fechaInicialP" type="text"
					class="form-control fechaInicial ajusteFecha" readonly
					value="mm-dd-yyyy" maxlength="10" />
			</div>


			<div class="bloque">
				Fin<input id="fechaFinalP" type="text"
					class="form-control fechaFinal ajusteFecha" readonly
					value="mm-dd-yyyy" maxlength="10" />
			</div>

		</div>

		<div class="form-group ajusteCombo">
			<label class="col-xs-2 control-label" for="select">Tipo
				a&ntilde;o:</label>
			<div class="col-xs-5">
				<select class="comboBox form-control" id="idContractualP">
					<option value="0">Selecciona una opci&oacute;n</option>
					<option value="1">Contractual</option>
					<option value="2">Calendario</option>
				</select>


			</div>
			<div class="col-xs-5"></div>
		</div>

		<div class="form-group">
			<label class="col-xs-2 control-label">M&iacute;nimo Garantizado</label>
			<div class="col-xs-10">
				<div class="radio">
					<label> <input name="optionsRadiosP" id="categoriaP"
						type="radio" checked="true" value="CATEGORIA"
						onclick="cambio(a,p)"> Por categoria
					</label> <label> <input name="optionsRadiosP" id="annioP"
						type="radio" value="ANNIO" onclick="cambio(b,p)"> Por
						a&ntilde;o
					</label> <label hidden="true"> <input name="optionsRadiosP"
						id="naP" type="radio" value="NA" onclick="cambio(c,p)"> No
						aplica
					</label>
				</div>

			</div>
		</div>
		<div class="form-group" id="divCategorias">
			<input type="hidden" id="auxAnioI" value=""> <input
				type="hidden" id="auxAnioF" value="">

			<table id="categoriasP" class="table-striped table-hover">
				<thead>

					<tr class="encabezado">
						<th class="relleno" colspan="1"><p align="center">M&iacute;nimo
								Garantizado</p></th>
					</tr>

					<tr class="encabezado">

						<th></th>
						<th></th>
						<th class="relleno" colspan="1"></th>
					</tr>


				</thead>
				<tbody>
					<tr>

						<td id="idAnio"></td>
						<td></td>
					</tr>
					<tr id="trTitulo" hidden="true">

						<td id="idTitulos">T&iacute;tulos</td>
						<td></td>
					</tr>
					<tr id="trMinimoSingle" hidden="true">
						<td id="minimoSingle" class="ajusteCategoria"></td>
						<td></td>
					<tr>
					<tr id="trPrecio" hidden="true">

						<td id="idPrecio" class="ajusteCategoria">Precio Unitario</td>
						<td></td>
					</tr>
				</tbody>
			</table>

			<table id="tablaCategoriaPREMIER" class="table-striped table-hover">
				<thead>
					<tr class="encabezado">
						<th class="ajusteCategoria">Categor&iacute;a</th>
						<th class="ajustePrecio">Precio</th>
					</tr>
				</thead>
				<tbody>
					<tr>
					</tr>
				</tbody>
			</table>

			<table id=tablaReleaseP class="table-striped table-hover">
				<thead>

					<tr class="encabezado">
						<th id="idCatalogo" name=""></th>
						<th colspan="2">Revenue Share VOD</th>

					</tr>
					<tr class="encabezado">
						<th class="ajusteCategoria">Categor&iacute;a</th>
						<th>DLA[%]</th>
						<th>Estudio[%]</th>
					</tr>
				</thead>
				<tbody>
					<tr>

						<td id="idTipoTitulo" name="tipoTitulo"></td>
						<td></td>
					</tr>
				</tbody>
			</table>



		</div>
		<!-- RENTA LIBRERIA -->
		<b>______________________________________________________________________________________</b>

		<div id="rentaLibreria">
			<b>RENTA LIBRERIA</b>
			<div class="ajusteFechaContrato">

				<div class="bloque">
					<label><b>Fechas del Contrato</b></label>
				</div>

				<div class="bloque">
					Inicio <input id="fechaInicialL" type="text"
						class="form-control fechaInicial ajusteFecha" readonly
						value="mm-dd-yyyy" maxlength="10" />
				</div>


				<div class="bloque">
					Fin<input id="fechaFinalL" type="text"
						class="form-control fechaFinal ajusteFecha" readonly
						value="mm-dd-yyyy" maxlength="10" />
				</div>

			</div>
			<div class="form-group ajusteCombo">
				<label class="col-xs-2 control-label" for="select">Tipo
					a&ntilde;o:</label>
				<div class="col-xs-5">
					<select class="comboBox form-control" id="idContractualL">
						<option value="0">Selecciona una opci&oacute;n</option>
						<option value="1">Contractual</option>
						<option value="2">Calendario</option>
					</select>


				</div>
				<div class="col-xs-5"></div>
			</div>

			<div class="form-group">
				<label class="col-xs-2 control-label">M&iacute;nimo Garantizado</label>
				<div class="col-xs-10">
					<div class="radio">
						<label> <input name="optionsRadiosL" id="categoriaL"
							type="radio" checked="true" value="CATEGORIA"
							onclick="cambio(a,l)"> Por categor&iacute;a
						</label> <label> <input name="optionsRadiosL" id="annioL"
							type="radio" value="ANNIO" onclick="cambio(b,l)"> Por
							a&ntilde;o
						</label> <label hidden="true"> <input name="optionsRadiosL"
							id="na" type="radio" value="NA" onclick="cambio(c,l)"> No
							aplica
						</label>
					</div>

				</div>
			</div>


			<table id="categoriasL" class="table-striped table-hover">
				<thead>
					<tr class="encabezado">
						<th class="relleno" colspan="1"><p align="center">M&iacute;nimo
								Garantizado</p></th>
					</tr>
					<tr class="encabezado">

						<th></th>
						<th></th>
						<th class="relleno" colspan="1"></th>
					</tr>


				</thead>
				<tbody>
					<tr>

						<td id="idAnio"></td>
						<td></td>
					</tr>
					<tr id="trTitulo" hidden="true">

						<td id="idTitulos"></td>
						<td></td>
					</tr>
					<tr id="trMinimoSingle" hidden="true">
						<td id="minimoSingle" class="ajusteCategoria"></td>
						<td></td>
					<tr>
					<tr id="trPrecio" hidden="true">

						<td id="idPrecio" class="ajusteCategoria"></td>
						<td></td>
					</tr>

				</tbody>
			</table>

			<table id="tablaCategoriaLIBRERIA" class="table-striped table-hover">
				<thead>
					<tr class="encabezado">
						<th class="ajusteCategoria">Categor&iacute;a</th>
						<th class="ajustePrecio">Precio</th>
					</tr>
				</thead>
				<tbody>
					<tr>
					</tr>
				</tbody>
			</table>

			<table id=tablaReleaseL class="table-striped table-hover">
				<thead>

					<tr class="encabezado">
						<th id="idCatalogo" name=""></th>
						<th colspan="2">Revenue Share VOD</th>

					</tr>
					<tr class="encabezado">
						<th class="ajusteCategoria">Categor&iacute;a</th>
						<th>DLA[%]</th>
						<th>Estudio[%]</th>
					</tr>
				</thead>
				<tbody>
					<tr>

						<td id="idTipoTitulo" name="tipoTitulo"></td>
						<td></td>
					</tr>
				</tbody>
			</table>
		</div>


		<!-- VENTAS PREMIERS / LIBRERIA -->
		<div class="form-group">
			<label for="justificacion" class="col-md-2 control-label">Justificaci&oacute;n:</label>
			<div class="col-md-10">
				<jsp:include page="/jsp/dda/contrato/common/justificacion.jsp" />
				<textarea class="form-control" rows="3" id="justificacion"
					name="justificacion" maxlength="150">${justificacion}</textarea>
			</div>
		</div>


		<div class="form-group pull-right">

			<button class="btn btn-default" type="button">Regresar</button>
			<button class="btn btn-info" type="button" data-toggle="modal"
				data-target="#modalDocum">Subir documento</button>
			<button class="btn btn-success" type="button" onclick="valida()">Guardar
				cambios</button>
		</div>
	</fieldset>
</form>
<jsp:include page="/jsp/dda/contrato/common/uploadDocument.jsp" />

<script>
	$()
			.ready(
					function() {
						debugger;
						function formatFecha(fechaRaw) {
				              fechaRaw = new Date(fechaRaw);
				              var fecha = (fechaRaw.getMonth() + 1)  + "/"  + fechaRaw.getDate() + "/"        + fechaRaw.getFullYear();
				              return fecha;
				            }

						var fInicioContrato = new Date();
						var fFinContrato = new Date();
						var fechaInicioContrato = $("#fechaInicioContrato")
								.val();
						var fechaFinContrato = $("#fechaFinContrato").val();

						$('input').keyup(
								function() {
									this.value = (this.value + '').replace(
											/[^0-9]/g, '');
								});
						$(".fechaInicial")
								.val(formatFecha(fechaInicioContrato));
						$(".fechaFinal").val(formatFecha(fechaFinContrato));
						$("#auxAnioI").val(
								new Date(fechaInicioContrato).getFullYear());
						$("#auxAnioF").val(
								new Date(fechaFinContrato).getFullYear());
						obtenerCatalogos();

					});
</script>

<%@include file="/jsp/common/defaultBottomLogin.jsp"%>
