<%@include file="/jsp/common/taglibs.jsp"%>
<script type="text/javascript" language="javascript" src="${contextPath}/js/dda/contrato/promociones/formManager.js?v=${versionJS}"></script>
<script type="text/javascript" language="javascript" src="${contextPath}/js/dda/contrato/promociones/promocionesValidate.js?v=${versionJS}"></script>
<script src="${contextPath}/js/common/alerts/dist/sweetalert.min.js"></script>
<link rel="stylesheet" type="text/css" href="${contextPath}/js/common/alerts/dist/sweetalert.css">

<style type="text/css">
.mymodal-xl {
    width: 90%;
   max-width:1200px;
  }

.myborder {
	border: 1px solid #dddddd;
}

</style>



<!--__________________* MODAL MODIFICAR PROMOCIONES *_______________________________________________________________________________ -->

<div class="modal  bs-example-modal-lg" id="modalActualizaPromocion">
	<div class="modal-dialog  modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<h3 class="modal-title">Modifica Promoci&oacute;n</h3>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-hidden="true"></button>
			</div>
			<div class="modal-body">
			
				<s:form id="formModificaPromocion" class="form-horizontal col-md-50" action="#">	
				    <fieldset>		
					   <div class="form-group">							
							 <div  class="col-md-12" >
								
								<label for="selectEstudios" class="col-md-2 control-label">Estudio: </label>
								<div class="col-md-4">								    																																			
									<select id="updselectEstudios" name="selectEstudios" class="form-control required" 
									        ng-disabled="labelEstudioDisabled">
									        <option id="{{estudio.id_estudio}}">{{desc_estudio}}</option>
									        
									</select>									
								</div>
								
								<label for="paisSeleccionado" class="col-md-2 control-label">Pa&iacute;s: </label>
								<div class="col-md-4">																					
									<select id="updpaisSeleccionado" name="paisSeleccionado" class="form-control required" 
									        ng-model="paisSeleccionado"
									        ng-options="pais as pais.descripcion for pais in paises track by pais.id_pais">
									        <option selected="selected" value="{{id_pais}}">{{descripcion}}</option>
									        <option value="">- Todos -</option>
									</select>																				
								</div>
							</div>
						</div>																		
												
						<div class="form-group">							
							 <div  class="col-md-12" >
								
								<label for="inputEmail3" class="col-md-2 control-label">Nombre Promoci&oacute;n: </label>
								<div class="col-md-4">								    																																			
									<input id="updnombre_promocion" pattern=".{1,}" maxlength="50" type="text" value="{{nombre_promocion}}" class="form-control required" name="updnombre_promocion" required>	
															
								</div>
								
								<label for="inputEmail3" class="col-md-2 control-label">Descuento: </label>
								<div class="col-md-4">																					
									<input id="upddescuento" class="form-control required" value="{{descuento}}" name="upddescuento" required >
											
								</div>
							</div>
						</div>																	
																						
						<div class="form-group">							
							 <div  class="col-md-12" >
								
								<label for="inputEmail3" class="col-md-2 control-label">Fecha Inicio</label>
								<div class="col-md-4">								    																																			
									<v:datePicker id="updfecha_inicio"  name="updfechaInicio" clazz="form-control required datepicker">
									</v:datePicker>									
								</div>
								
								<label for="inputEmail3" class="col-md-2 control-label">Fecha Fin</label>
								<div class="col-md-4">								    																																			
									<v:datePicker id="updfecha_fin" name="updfecha_fin" clazz="form-control required datepicker">
									</v:datePicker>									
								</div>
							</div>
						</div>																						
								
						<div class="form-group">							
							 <div  class="col-md-12" >
								
								<label for="inputEmail3" class="col-md-2 control-label">Tipo de Descuento</label>
								<div class="col-md-4">
								    
									    <label for="inputEmail3" class="checkbox-inline control-label"> 
											<input id="checkMoneda" type="radio" value="MONEDA" name="updtipo_descuento" class="formatos" ng-checked="isCheckedTypeP('checkMoneda')"> por Cantidad ($)
										</label>							    								    																																				
										<label for="inputEmail3" class=" checkbox-inline control-label"> 
											<input id="checkProcentaje" type="radio" value="PORCENTAJE" name="updtipo_descuento" class="formatos" ng-checked="isCheckedTypeP('checkProcentaje')"> por Porcentaje (%)
										</label>
																		
								</div>
								
							</div>
						</div>
						
						<div class="form-group">							
							 <div  class="col-md-12" >
								<div class="col-md-7">								    																																			
									 <input style="background-color:#181818; color:#fff9f9; width:100px; margin-left:150px;" class="btn" id="btnRegresar" type="button" value="Regresar" data-bs-dismiss="modal">									
								</div>
								<div class="col-md-4">																					
									 <input style="width:150px; margin-left:150px;" class="btn btn-primary" id="btnUpdConsultarTitulos" type="button" value="Consulta Titulos" ng-click="updListaTitulos()">																				
								</div>
							</div>
						</div>	
																																																									
						<br>
						<label id="errorFormatos" name="errorFormatos" class="lbErrores" style="display:none; color:red; font-size: large;">Se debe seleccionar un tipo descuento</label>
						<label id="errorUpdForm"                      class="lbErrores" style="display:none; color:red; font-size: large;">Complete todos los campos</label>
					</fieldset>
				</s:form>
                <!-- tabla para mostrar Titulos -->
                <div>
                     <table id="tablaTitulosPromosUpd" class="table" ng-repeat="contratoAtitulo in updTitulosToFilter() | filter:filterTitulos">
                            <thead>
                                 <tr class="encabezado" role="row" >
                                       <td style="width: 166px;">Contrato: {{ contratoAtitulo.numero_contrato }}</td>
                                       <td> </td>
                                       <td> </td>
                                 </tr>
                                 
                            </thead>
                            <body>
                                  <tr ng-repeat="titulo in titulosp | filter:{numero_contrato: contratoAtitulo.numero_contrato}">
                                       <td><input style="margin-left: 70px;" type="checkbox" id="{{titulo.id_bv}}" value="{{titulo.id_bv}}" name="checksBoxPromo" ng-checked="isChecked(titulo.id_bv)" class="formatos"></td>
                                       <td style="width: 166px;">{{titulo.id_bv}}</td>
                                       <td>{{titulo.nombre_estandar}}</td>
                                  </tr>
                            </body>
                     </table>
                </div>
			</div>
			<div class="modal-footer">
				<input id="btnActualizaPromo" type="submit" class="btn btn-success" ng-disabled="btnActualizaPromo" ng-click="actualizarPromocion()" value="Guardar Cambios">
			</div>
		</div>
	</div>
</div>

