<head>
	<script type="text/javascript" src="<?php echo base_url()?>assets/dist/js/site.js"></script>
	<meta charset='utf-8' />
	<link rel="stylesheet" href="<?php echo base_url().'assets/dist/css/styles.css'?>">
	
	
	<link rel="stylesheet" type="text/css" href='<?php echo base_url()?>assets/dist/css/styleTable.css'/>
   <!-- <link rel="stylesheet" type="text/css" href='<?php echo base_url()?>assets/dist/css/table.css' />-->
	 <!-- FullCalendar -->
<!--<script src="<?php echo base_url();?>assets/plugins/jQuery/jquery-2.2.3.min.js"></script>-->
	<!-- <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> -->
	<!-- <link href='<?php echo base_url();?>assets/fullcalendar/fullcalendar.min.css' rel='stylesheet' />
	<link href='<?php echo base_url();?>assets/fullcalendar/fullcalendar.print.min.css' rel='stylesheet' media='print' /> -->
	<script src='<?php echo base_url();?>assets/plugins/lib/moment.min.js'></script>
	<script src='<?php echo base_url();?>assets/plugins/lib/moment-with-locales.min.js'></script>

	<!--<script src='<?php echo base_url()?>assets/fullcalendar/lib/moment.min.js'></script>
	<script src='<?php echo base_url()?>assets/fullcalendar/lib/jquery.min.js'></script>
	<script src='<?php echo base_url()?>assets/fullcalendar/fullcalendar.js'></script>
	<script src='<?php echo base_url()?>assets/fullcalendar/locale/es.js'></script>-->
	<script>
		var horaIniEst="<?php echo getIniEst()?>"; 
		var horaFinEst="<?php echo getFinEst()?>";
		var diasNoLab="<?php echo json_encode(getDiasNoLab()) ?>";
	</script>
	<!-- Fullcalendar -->
	<link href='<?php echo base_url()?>assets/plugins/fullcalendar/packages/core/main.css' rel='stylesheet' />
	<link href='<?php echo base_url()?>assets/plugins/fullcalendar/packages/daygrid/main.css' rel='stylesheet' />
	<link href='<?php echo base_url()?>assets/plugins/fullcalendar/packages/timegrid/main.css' rel='stylesheet' />
	<script src='<?php echo base_url()?>assets/plugins/fullcalendar/packages/core/main.js'></script>
	<script src='<?php echo base_url()?>assets/plugins/fullcalendar/packages/moment/main.js'></script>
	<script src='<?php echo base_url()?>assets/plugins/fullcalendar/packages/interaction/main.js'></script>
	<script src='<?php echo base_url()?>assets/plugins/fullcalendar/packages/daygrid/main.js'></script>
	<script src='<?php echo base_url()?>assets/plugins/fullcalendar/packages/timegrid/main.js'></script>
	<script src='<?php echo base_url()?>assets/plugins/fullcalendar/packages-premium/resource-common/main.js'></script>
	<script src='<?php echo base_url()?>assets/plugins/fullcalendar/packages-premium/resource-daygrid/main.js'></script>
	<script src='<?php echo base_url()?>assets/plugins/fullcalendar/packages-premium/resource-timegrid/main.js'></script>
	
	<script src='<?php echo base_url()?>assets/plugins/fullcalendar/packages/core/locales/es.js'></script>

	<!-- ------------ -->

	<link rel="stylesheet" href="<?php echo base_url().'assets/dist/css/validacion.css'?>">
	<link rel="stylesheet" href="<?php echo base_url().'assets/dist/css/animate.min.css'?>">
	<link rel="stylesheet" href="<?php echo base_url().'assets/dist/css/schedule.css'?>">
	<link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed" rel="stylesheet">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.0/jquery-confirm.min.css">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.0/jquery-confirm.min.js"></script>
	<script type="text/javascript" src='<?php echo base_url()?>assets/plugins/clock/bootstrap-clockpicker.js'></script>
	<script type="text/javascript" src='<?php echo base_url()?>assets/plugins/clock/bootstrap-clockpicker.min.js'></script>
	<script type="text/javascript" src='<?php echo base_url()?>assets/plugins/clock/jquery-clockpicker.min.js'></script>
	<script type="text/javascript" src='<?php echo base_url()?>assets/plugins/clock/jquery-clockpicker.js'></script>
	<link rel="stylesheet" href="<?php echo base_url().'assets/plugins/clock/bootstrap-clockpicker.css'?>">
	<link rel="stylesheet" href="<?php echo base_url().'assets/plugins/clock/bootstrap-clockpicker.min.css'?>">
	<link rel="stylesheet" href="<?php echo base_url().'assets/plugins/clock/bootstrap-clockpicker.css'?>">
	<link rel="stylesheet" href="<?php echo base_url().'assets/plugins/clock/bootstrap-clockpicker.min.css'?>">
	<link rel="stylesheet" href="<?php echo base_url().'assets/plugins/srclock/clockpicker.css'?>">
	<link rel="stylesheet" href="<?php echo base_url().'assets/plugins/srclock/standalone.css'?>">
	<script type="text/javascript" src='<?php echo base_url()?>assets/plugins/srclock/clockpicker.js'></script>
	<script src='<?php echo base_url()?>assets/plugins/dateTimePicker/moment-with-locales.js'></script>
	<script src="<?php echo base_url().'assets/plugins/notify/notify.min.js'?>" type="text/javascript"></script>
  <link rel="stylesheet" href="<?php echo base_url().'assets/plugins/dateTimePicker/bootstrap-datetimepicker.css'?>">
  <script src="<?php echo base_url().'assets/plugins/dateTimePicker/bootstrap-datetimepicker.js'?>"></script>
  <link rel="stylesheet" href="<?php echo base_url().'assets/plugins/dateTimePicker/jquery.timepicker.css'?>">
  <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="<?php echo base_url().'assets/plugins/select/bootstrap-select.min.css'?>">
<!-- Latest compiled and minified JavaScript -->
<script src="<?php echo base_url().'assets/plugins/select/bootstrap-select.min.js'?>"></script>
<script src="<?php echo base_url().'assets/plugins/dateTimePicker/jquery.timepicker.js'?>"></script>
<link rel="stylesheet" href="<?php echo base_url().'assets/dist/js/jquery/jquery-ui.css'?>">

<script src="<?php echo base_url().'assets/plugins/select/bootstrap-select.min.js'?>"></script>
  <link rel="stylesheet" href="<?php echo base_url().'assets/plugins/select2/select2.min.css'?>">
  <script src="<?php echo base_url().'assets/plugins/select2/select2.min.js'?>" type="text/javascript"></script>
  
<script type="text/javascript">
	  var base_url="<?php echo base_url()?>";
	  var rol="<?php echo $this->session->userdata('Rol_IdRol')?>";
  </script>

</head>
<style type="text/css">
	.fc-toolbar{
		width: 75% !important;
	}

	.fc-lef{
		width: 25% !important;
	}

	.fc-center{
		width: 25% !important;
	}

	.fc-right{
		width: 25% !important;
	}

	input#txtFecha,
	input#txtHoraI,
	input#txtHoraF {
		background: rgba(0, 60, 166, 0.18) !important;
	}
	.doubleScroll-scroll-wrapper{
		display:none;
	}
	.datepicker.dropdown-menu {
		z-index: 1000000 !important;
	}
	.btn-dangerR {
		color: #fff !important;
		background-color: #d9534f !important;
		border-color: #d43f3a !important;
	}
	.btn-success {
		color: #fff;
		background-color: #449d44 !important;
	}
	.clockpicker-dial.clockpicker-hours  > div.clockpicker-tick:nth-child(2),
	.clockpicker-dial.clockpicker-hours  > div.clockpicker-tick:nth-child(3),
	.clockpicker-dial.clockpicker-hours  > div.clockpicker-tick:nth-child(4),
	.clockpicker-dial.clockpicker-hours  > div.clockpicker-tick:nth-child(5),
	.clockpicker-dial.clockpicker-hours  > div.clockpicker-tick:nth-child(6)
	{
		display: none;
	}
	.ui-autocomplete { z-index:1000000 !important; }

	.invisible {
		visibility: hidden;
	}

	.fc-time-grid .fc-slats td {
		height: 4.5em;
	}
	.confirmada{
		background-color: #5F04B4;
	}
	.reagendada{
		background-color: #DF01A5;
	}
	.online{
		background-color: #FF8000;
	}
	.realizada{
		background-color: #04B404;
	}
	.cancelada{
		background-color: #FF0000;
	}
	.tomadaSistema{
		background-color: #F7FE2E;
	}
	.abierto{
		background-color: #00FFFF;
	}
	.pendiente{
		background-color: #6b6b6f;
	}
	.paginate_button.current{
		background:  rgba(147, 99, 205, 0.33) !important;
		color: black;
		border-radius: 100% !important;
		border-color: transparent !important;
	} 
	.col-md-3 {
		width: 100%;
	}
</style>
<!-- <div id="page-content-wrapper">	 -->
	<!-- <div class="page-content inset"> -->
		<!-- <div class="row"> -->
			<!-- <div class="col-xs-12"> -->
	<div class="col-md-2 col-xs-3 pull-right div-citas"> 
		<a href="<?=base_url()?>myagenda/franquiciatario/listacitasF/citasCanceladas">
			<button type="button" class="btn btn-primary btn-info pull-right" id="citasC" > CITAS </button>
		</a>
	</div>	
	</br>	
	<center>
		<h1>Agenda
			<!-- <br/><?php foreach ($Franquicias as $i => $Franquicias)    
			echo  $Franquicias; ?>  -->
		</h1> 
		<form class="col-md-12 col-xs-12 div-centrado sin-margenNB navbar-form navbar">
			<div class="col-md-8 col-xs-12 div-centrado">
			<label for="name1">Cabinas  </label>
			<select class="col-md-7 col-xs-12 selectpicker" id="queryCabina" name="querycabina"> 
				<option value="">Selecciona una cabina</option>
				<?php foreach ($cabinas as  $cabina)
				echo '<option data-icon="colores '.$cabina['color'].'" value="',$cabina['id'],'">',$cabina['nombre'],'</option>'; ?>
				<option value="-100">TODOS</option>
			</select>
			<button type="button" class="btn btn-primary col-md-4 col-xs-12 pull-right" id="filtrarCabinas" name="filtrarCabinas" >BUSCAR</button>
			</div>

		</form>
	</center>	
	<form id="form" class=" navbar-form navbar buscador" action="#">
		<a class="agregarbtn" ><button type="button" class="btn btn-primary" onclick="modalAgregar(); "><span class='glyphicon glyphicon-plus'></span></button></a>
		<input type="text" class="form-control"  id="buscarCitasCliente" name="buscarCitasCliente" />
		<input type="submit" class="btn btn-primary alinear" id="buscarCitasboton" value="Buscar" />
		<input type="submit" class="btn btn-primary alinear" id="AnteriorCitaCliente" value="Anterior" style=" display: none;" />
		<input type="submit" class="btn btn-primary alinear" id="siguenteCitaCliente" value="Siguiente" style=" display: none;" />
		<input type="submit" class="btn btn-primary alinear" id="reset" value="Siguiente" style=" display: none;"/>	
		<!-- <a href="<?=base_url()?>agenda/franquiciatario/listacitasF/citasCanceladas" class="alinear col-md-1 pull-right">
		<button type="button" class="btn btn-primary" id="citasC" > CITAS </button>
		</a>						 -->
	</form>
	<div id="divTemporizador" class="col-md-12" style="display:none;">
		<div class="col-md-3 pull-right">
			<label id="tiempoRestante" class="pull-right agenda">Tiempo restante: 00:00:00</label>
			<br></p>
			<button id="cancelarSiguiente" class="pull-right btn btn-primary agenda">Cancelar</button>
		</div>
	</div>
	<br><br><br><br><br><br>
				
	<div id="calendarF" name="calendarF" class="div-centrado col-md-12" style=" height:100%;"><!-- Div agenda --></div>
	<div id="calendarF2" name="calendarF2" class="div-centrado col-md-12" style=" height:100%;"><!-- Div agenda --></div>
  
	<div class="modal fade" id="modalEvento" name="modalEvento" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog modal-lg" role="document">
			<div class="modal-content">
				<div class="modal-header bg-red">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title" id="mtitulo"></h4>
				</div>

				<div class="modal-body">
					<form class="form-horizontal">
						<input type="hidden" id="mhdnIdEvento">
						<input type="text" id="idActualizar" name="idActualizar" style="display:none">
						<div class="box-body">
							<div class="form-group">
								<label for="inputEmail3" class="col-sm-2 control-label">Cliente</label>

								<div class="col-sm-10">
									<input type="text" class="form-control" id="txtClientes" disabled="">
								</div>
							</div>
							<div class="form-group invisible" >
								<label for="inputEmail3" class="col-sm-2 control-label">IdCliente</label>
								<div class="col-sm-10">
									<input type="text" class="form-control" id="idClientEdit" disabled>
								</div>
							</div>
							<div class="form-group" >
								<label for="inputEmail3" class="col-sm-2 control-label">Servicio / Promoción</label>
								<div class="col-sm-10">
									<select name="selecttratamiento" id="selecttratamiento" onchange="onchangeSesiones();" class="js-example-basic-single"></select>
									<!--<input type="text" class="form-control" id="busquedaServicioP">
									<input type="hidden" class="form-control" id="idServicioP">-->
								</div>
							</div>
							<div class="form-group invisible" >
								<label for="inputEmail3" class="col-sm-2 control-label">Promociones</label>
								<div class="col-sm-10">
									<input type="text" class="form-control" id="txtPromociones" disabled>
									<input type="hidden" class="form-control" id="txtPromociones-hidden">
								</div>
							</div>
							<div class="form-group invisible">
								<label for="inputEmail3" class="col-sm-2 control-label">Servicio</label>

								<div class="col-sm-10">
									<input type="text" class="form-control" id="txtServicios" disabled>
									<input type="hidden" class="form-control" id="txtServicios-hidden">
								</div>
							</div>
							<div class="form-group" >
								<label for="inputEmail3" class="col-sm-2 control-label">Sesiones</label>
								<div class="col-sm-10">
									<select name="numeroSesionesEditar" id="numeroSesionesEditar" class="form-control"></select>
								</div>
							</div>
							<div class="form-group">
								<label for="inputEmail3" class="col-sm-2 control-label">Fecha</label>

								<div class="col-sm-10">
									<!--<input type="text" class="form-control date-picker" id="txtFecha" readonly="readonly" onchange="fechaCitaCO();">-->
									<input type="text" class="form-control date-picker" id="txtFecha" name="txtFecha" onchange="fechaCitaCO();" data-provide="datepicker" data-date-format="yyyy/mm/dd"  data-date-start-date='0d'>												
								</div>
							</div>
							<div class="form-group">
								<label for="inputEmail3" class="col-sm-2 control-label ">Hora Inicio</label>

								<div class="col-sm-10">
									<input type="text" class="form-control timepicker" placeholder="12 : 00 AM" id="txtHoraIni" onchange="fechaCitaCO();">
								</div>
							</div>
							<div class="form-group">
								<label for="inputEmail3" class="col-sm-2 control-label" >Hora fin</label>

								<div class="col-sm-10">
									<input type="text" class="form-control timepicker" disabled placeholder="11 : 59 PM" id="txtHoraFin" onchange="fechaCitaCO();">
								</div>
							</div>
							<div class="form-group">
								<label for="inputEmail3" class="col-sm-2 control-label">Cabina</label>

								<div class="col-sm-10">
									<!--<select class="form-control" name="txtBandaRP" id="txtBandaRP"> </select> -->
									<select name="txtBandaRP" id="txtBandaRP" class="form-control selectpicker">
										<option disabled selected value="">Selecione un cabina</option>
									</select>
								</div>
							</div>
							<div class="form-group">
								<label for="inputEmail3" class="col-sm-2 control-label">Estado Cita</label>
								<div class="col-sm-10">
									<select class="form-control" name="txtEstado" id="txtEstado" require>
										<?php foreach ($ReEstatusCita as $i => $estatuscitas)   
										if($i!=8){ 
									echo '<option value="',$i,'">',$estatuscitas,'</option>'; }?> </select>
								</div>
							</div>
							<div class="form-group">
								<label for="inputEmail3" class="col-sm-2 control-label">Cosmetólogo(a)</label>

								<div class="col-sm-10">
									<select class="form-control" name="txtUsuario" id="txtUsuario" require> </select>
								</div>
							</div>
							<div class="form-group">
								<label for="inputEmail3" class="col-sm-2 control-label">Observaciones</label>

								<div class="col-sm-10">
									<input type="text" class="form-control" id="txtObservaciones">
								</div>
							</div>
							<div class="form-group col-md-6 centrar" > 
								<label >Duración cita </label>
								<span class="col-md-12 col-xs-12" id="duracionEditar"></span>
							</div>
							<div class="col-md-3">
								<button id="botonSiguiente" style="width: 25%" class="col-md-3 boton-modal-cerrar btn btn-danger btn-warning pull-right" style="display:none" data-dismiss="modal">Siguiente sesión</button>
							</div>
						</div>
										
						<div class="col-md-3 col-sm-6 col-xs-12" id="div-cancelar" style="width: 25% !important;">
							<button type="button" class="btn btn-danger col-md-12 col-xs-12" id="btnCerrarModal" data-dismiss="modal">
							<i class="glyphicon glyphicon-remove"></i> 	Cancelar
							</button>
						</div>
						<?php 
							if ($this->session->userdata('Rol_IdRol')==2) {
								?>
									<div class="col-md-3 col-sm-6 col-xs-12" id="div-eliminar" style="width: 25% !important;">
										<button type="button" class="btn btn-danger btn-dangerR col-md-12 col-xs-12" id="deleteCita">
											<i class="far fa-trash-alt"></i> Eliminar Cita
										</button>
									</div>
								<?php 
							}
						?>
										
						<div class="col-md-3 col-sm-6 col-xs-12" id="div-ver" style="width: 25% !important;"> 
							<button type="button" class="btn label-warning btn-danger col-md-12 col-xs-12" id="verCliente">
								<i class="glyphicon glyphicon-eye-open"></i> Ver cliente
							</button>
						</div>
						<div class="col-md-3 col-sm-6 col-xs-12 invisible" id="div-adeudoE" style="width: 25% !important;">
							<button type="button" class="btn btn-danger  col-md-12 col-xs-12" id="adeudoCliente">
								<i class="glyphicon glyphicon-list-alt"></i> Adeudos
							</button>
						</div>
						<div class="col-md-3 col-sm-6 col-xs-12" id="div-guardar" style="width: 25%">
							<button type="button" class="btn btn-danger btn-warning col-md-12 col-xs-12" id="btnUpdEvento">
								<i class="fa fa-save"></i> Guardar
							</button>
						</div>
						<div class="col-md-3 col-sm-6 col-xs-12" id="div-oculto">
							<label id="id-cliente" class="invisible"></label>
							<button type="button" class="btn btn-danger btn-warning col-md-12 col-xs-12 oculto" >
								</button>
						</div>
					</form>
				</div>

				<div class="modal-footer">									
				</div>
			</div>
		</div>
	</div>
				
	<!-- modal confirmar agenda -->
	<div class="modal" role="dialog" id="modal-agendar" >
		<div class="vertical-alignment-helper">
			<div class="modal-dialog vertical-align-center">
				<div class="modal-content">
					<div class="modal-header">
						<button id="nuevoClienteMC" data-toggle="tooltip" data-placement="top" title="Nuevo cliente" ><i class="fas fa-user-plus"></i></button>
						<button id="adeudoClienteMC" class="pull-right invisible" data-toggle="tooltip" data-placement="top" title="Cliente con adeudos"><i class="glyphicon glyphicon-list-alt"></i></button>
						<center> <h4> Nueva cita</h4></center>
					</div>
		
					<div class="modal-body">
						<div class="row">
							<div class="form-group col-md-5" id="div-cliente"> 
								<label >Cliente </label>
								<input type="text" class="form-control" value="<?php echo $cliente->NombreCliente;?>" id="clienteNC" name="clienteNC" placeholder="NOMBRE DEL CLIENTE" onchange="cambioCliente();">
								<input type="text" class="invisible" id="idClienteO" name="idClienteO" onchange="cambioCliente();">
								<input type="text" class="invisible" id="nombreClienteO" name="nombreClienteO" onchange="cambioCliente();">
							</div>
							<!--<div class="form-group col-md-6" id="div-tratamiento"> 
								<label >Servicio</label>
								<input type="text" class="form-control" id="tratamiento" name="tratamiento"placeholder="SERVICIO">
								<input type="text" class="invisible" id="idServicio" name="idServicio">
								<input type="text" class="invisible" id="nombreServicio" name="nombreServicio">
								<input type="text" class="invisible" id="idPromocion" name="idPromocion">
								<input type="text" class="invisible" id="nombrePromocion" name="nombrePromocion">
							</div>-->
							<div class="col-md-5" id="div-tratamiento"><!--id='buscadorServicios'>-->
								<label class="labels">Servicio</label>
								<select name="tratamientoNC" id="tratamientoNC" onchange="onchangeSesiones(); fechaCitaCO();" class="js-example-basic-single"></select>
								<input type="text" id="duracionServicio" name="duracionServicio" class="invisible">

								<!--CONTROL ORIGINAL-->
								<input type="text" class="invisible" id="idServicio" name="idServicio">
								<input type="text" class="invisible" id="nombreServicio" name="nombreServicio">
								<input type="text" class="invisible" id="idPromocion" name="idPromocion">
								<input type="text" class="invisible" id="nombrePromocion" name="nombrePromocion">
							</div>
							<div class="sin-espacio-izquierdo col-md-2" id='numeroSesion'>
								<label class="labels">Sesión</label><br>
								<select name="numeroSesiones" id="numeroSesiones" class="form-control"></select>
							</div>
						</div>
						<div class="row">
							<div class="form-group col-md-4" id="div-fecha"> 
							<label>Fecha </label>
							<input type="text" class="form-control date-picker readonly"  id="fechaNC" name="fechaNC" onchange="fechaCitaCO();" placeholder="dd/mm/aaaa" autocomplete="off" required>
						</div>
						<div class="col-md-3" id='fechaCita' style="display: none;">
							<label class="labels">Fecha</label>
							<input type="text" id="fechaNC2" name="fechaNC2">
						</div>
						<div class="form-group col-md-4" id="div-inicio"> 
							<label >Hora inicio </label>
							<input type="text" class="form-control timepicker" placeholder="12 : 00 AM" id="inicioNC" onchange="fechaCitaCO();">
						</div>
						<!--<div class="form-group col-md-4" id="div-fin"> 
							<label >Hora fin </label>
							<input type="text" class="form-control timepicker" placeholder="11 : 59 PM" id="finNC" onchange="fechaCitaCO();">
						</div>-->
						<div class="form-group col-md-4" id="div-cabina"> 
							<label>Cabina </label>
							<select class="form-control selectpicker" id="cabinaNC" name="cabinaNC" required>   
								<option disabled selected value="">Selecione una cabina</option> 
							</select>
						</div>
					</div>
					<div class="row">
					<div class="form-group col-md-4" id="div-status"> 
						<label>Estado </label>
							<select id= "statusNC" name="statusNC" class="form-control" required>
							<option disabled selected value="">Selecione un estado</option>
							<?php foreach ($ReEstatusCita as $i => $estatuscita)   
							if($i!=3 && $i!=8){echo '<option value="',$i,'">',$estatuscita,'</option>'; } ?> </select>
					</div>
					<div class="form-group col-md-4" id="div-cosmetologo"> 
						<label>Cosmetolog@ </label>
							<select class="form-control" id="cosmetologoNC" name="cosmetologoNC" required> 
							</select>
					</div>
					<div class="form-group col-md-4 centrar" > 
						<label >Duración cita </label>
						<span class="col-md-12 col-xs-12" id="duracionNC"></span>
					</div>
				</div>
				<div class="row">
					<div class="form-group col-md-12" id="div-observaciones"> 
						<label >Observaciones </label>
						<input type="text" class="form-control" id="observacionesNC" placeholder="OBSERVACIONES">
					</div>
					
				</div>				
			</div>
			<!-- <div class="col-md-12 ">
				<button type="button" class="btn btn-danger pull-left" id="cerrarModalCita">Cancelar</button>  
				<button type="button" class="btn btn-primary pull-right" id="guardarCita" >Aceptar</button> 
			</div> -->
			<!-- 
			</div> -->
			<div class="col-md-12"></div>
				<div class="modal-footer ">
					<button type="button" class="btn btn-danger ajustar pull-left" id="cerrarModalCita" data-dismiss="modal">Cancelar</button>  
					<button type="button" class="btn btn-primary ajustar pull-right" id="guardarCita" name="guardarCita" >Aceptar</button> 
				</div>
			</div>
			</div>
		</div>
	</div>
	<!-- Fin confirmar agenda-->

<!-- modal adeudos -->
<div class="modal" tabindex="-1" role="dialog" id="modal-adeudos" data-backdrop="static" data-keyboard="false">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <center> <h4> Adeudos</h4></center>
      </div>
      <div class="modal-body scroll scrollbar-primary">
      <table class="table">
        <thead>
          <tr>
			<th>Fecha venta</th>
            <th>Nombre</th>
            <th>Abono</th>
            <th>Adeudo</th>
            <th></th>
          </tr>
        </thead>
        <tbody id="listaAdeudos">
        </tbody>
      </table>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger pull-left" id="cerrarModalAdeudos" data-dismiss="modal">Cerrar</button>
       
      </div>
    </div>
  </div>
</div>
<!-- Fin modal adeudos -->
<!-- modal nuevo cliente -->
<div class="modal" tabindex="-1" role="dialog" id="modal-nuevoCliente">
<div class="vertical-alignment-helper">
  <div class="modal-dialog vertical-align-center">
    <div class="modal-content">
      <div class="modal-header">
        <center> <h4> Nuevo cliente</h4></center>
      </div>
      <div class="modal-body">
          <div>
            <div class="form-group" id="contenedorNc">
              <label for="nombreCompleto">Nombre completo</label>
              <input type="text" class="form-control" id="nombreCompleto" name="nombreCompleto" aria-describedby="emailHelp" placeholder="Ingresar nombre completo" maxlength="69">
              <small id="ayudaNombre" class="form-text text-muted error-ocurrido"></small>
            </div>
            <div class="form-group">
              <label for="celular">Celular</label>
              <input type="text" class="form-control" id="celular" name="celular" placeholder="Ingresar número celular" maxlength="10" onkeypress="return validaPunto(event)">
            </div>
			<div class="form-group">
              <label for="celular">Correo Electrónico</label>
              <input type="email" class="form-control" id="correoE" name="correoE" placeholder="Ingresar correo eñectrónico" maxlength="100">
            </div>
          </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger ajustar pull-left" id="cancelarNuevoCliente" data-dismiss="modal">Cancelar</button>
        <button type="button" class="btn btn-primary ajustar" id="guardarNuevoCliente">Guardar</button>
       
      </div>
    </div>
  </div>
</div>
</div>
<!-- Fin modal cliente -->
<!-- Modal loading -->
<div class="modal fade" id="modal-loader" data-backdrop="static" data-keyboard="false">
<div class="vertical-alignment-helper">
  <div class="modal-dialog vertical-align-center modal-sm">
	  	<div style=" text-align: center;">
		<div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
		<center class="cargando"> Cargando...</center>
		</div>
  </div>
</div>
</div>
<!-- fin modal loading -->
<script language= "javascript">
	$(document).ready(function() {
		// $('#inicioNC').on('changeTime', function() {
        //     var inicio = $(this).val();
        //     console.log(inicio);
        //     $('#finNC').timepicker('option',{'minTime':inicio});
        //   });
        //   $('#inicioNC').on('change', function() {
        //     var inicio = $(this).val();
        //     var fin=$('#finNC').val();
        //     if(fin!=''){
        //       var dt1 = moment(inicio, ["h:mm A"]).format("HH:mm:ss");
        //       var dt2 = moment(fin, ["h:mm A"]).format("HH:mm:ss");
        //         if(dt1>dt2)
        //         {
        //           $(this).val(fin);
        //           $('#finNC').timepicker('option',{'minTime':fin});
        //         }
        //         duracion(dt1, dt2);
        //     }
        //     if($(this).val()=="")
        //     {
        //       console.log("Cambio a vacio");
        //       $('#finNC').timepicker('option',{'minTime': '8:00 AM', 'maxTime': '10:00 PM'});
        //     }
        //   });
        //     $('#finNC').on('changeTime', function() {
        //             var fin = $(this).val();
        //         $('#inicioNC').timepicker('option',{'maxTime': fin});
        //     });
        //     $('#finNC').on('change', function() {
        //       var fin = $(this).val();
        //       var inicio=$('#inicioNC').val();
        //       if(inicio!=''){
        //         var dt1 = moment(inicio, ["h:mm A"]).format("HH:mm:ss");
        //         var dt2 = moment(fin, ["h:mm A"]).format("HH:mm:ss");
        //           if(dt2<dt1)
        //           {
        //             $(this).val(inicio);
        //             $('#inicioNC').timepicker('option',{'maxTime': inicio});
        //           }
        //           duracion(dt1, dt2);
        //       }
        //       if($(this).val()=="")
        //       {
        //         console.log("Cambio a vacio");
        //         $('#inicioNC').timepicker('option',{'minTime': '8:00 AM', 'maxTime': '10:00 PM'});
        //       }
        //     });

		// $.fn.datepicker.dates['en'] = {
        //     days: ["Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado"],
        //     daysShort: ["Dom", "Lun", "Mar", "Mier", "Jue", "Vier", "Sab"],
        //     daysMin: ["D", "L", "Ma", "Mi", "J", "V", "S"],
        //     months: ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"],
        //     monthsShort: ["Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dic"],
        //     today: "Today",
        //     clear: "Clear",

        //     weekStart: 0
        // };

        // $.datepicker.setDefaults($.datepicker.regional['en']);
		// console.log("sdafasdfasdf");
		 
		//  var today = new Date();
		// /* $(".date-picker").attr("data-date-end-date","today+2m");*/
		//  $(".date-picker").datepicker({
        //     isRTL: false,
        //     format: "yyyy-mm-dd",
        //    /* yearRange: "0000",*/
        //     viewMode: "months,days", 
        //     minViewMode: "months,days",
        //     autoclose: true,
   		// 	startDate: new Date(today.getFullYear(), today.getMonth(), today.getDate()),
   		// 	todayHighlight: true,
   		// 	/*setDate:"getDate",*/
   		// 	/*startDate: today,*/
    	// 	/*endDate: "+3d"*/
                       
        // });

 		/*$('#txtDate').datepicker('setDate', 'today');*/

		/* $("#txtFecha").click(function() {
		 		var fechaagendadah = $(this).val();
		 		 console.log(fechaagendadah);
		 		 $('.date-picker').datepicker('setDate',  "fechaagendadah");
		 });*/
		
		;
		 

        // $('.time-picker').clockpicker({
		// 	 	autoclose: true,
       	// 		/* twelvehour:true,*/
		// });



      /*   $('.time-picker').clockpicker('show').clockpicker("twelvehour", true);*/
         /*   .clockpicker('toggleView', 'minutes');*/
       /* $('.date-picker').datepicker('setDate', 'today');*/


		// $('fc-list-table ').addClass('table table-striped');
		// $( "#buscarCitasboton" ).click(function() {
		// 	$('#siguenteCitaCliente').css('display','none');
		// 	$('#AnteriorCitaCliente').css('display','none');
		// 	var i = 0;	
		//   console.log( "Handler for .click() called." );
		//   var nameclient = $('#buscarCitasCliente').val();
		//    console.log(nameclient);
		//   if( nameclient != '') {
		//   	/*alert( nameclient);*/


		//   	$.ajax({
		// 				            url:"<?php echo base_url();?>agenda/franquiciatario/BuscarcitasF/buscarporcliente",
		// 				            type:'POST',
		// 				            dataType: 'json',
		// 				            data:{name : nameclient},
		// 				            success:function(responseclienteName){
		// 				            	console.log("success");
		// 				                // Access the JSON response //
		// 				                json_events = responseclienteName;
		// 				                console.log(json_events);
		// 				                console.log(responseclienteName.length);
		// 				                console.log(json_events);
		// 				                console.log("registros");
		// 				                console.log(responseclienteName.length);
		// 				                if(responseclienteName.length == 0){
		// 				                   alert("No se han encontrado resultados para " + nameclient)
		// 								   return false;
		// 								}
		// 				                if(responseclienteName.length == 1){
		// 				                   $('#calendarF').fullCalendar('gotoDate',responseclienteName[0].fecha );
		// 								   $('#calendarF').fullCalendar( 'removeEvents' );
		// 								   $('#calendarF').fullCalendar( 'refetchEvents' );
		// 								   $('#calendarF').fullCalendar( 'addEventSource',json_events );
		// 								   return false;
		// 								}

		// 								//inicio
		// 								if(responseclienteName.length > 1){
		// 								if(i <=  responseclienteName.length) {
												
		// 										$('#siguenteCitaCliente').css('display','block');
		// 										$('#siguenteCitaCliente').addClass('fadeInDown animated');

		// 										$('#calendarF').fullCalendar('gotoDate',responseclienteName[i].fecha );
		// 										$('#calendarF').fullCalendar( 'removeEvents' );
		// 										/*$('#calendarF').fullCalendar( 'refetchEvents' );*/
		// 										$('#calendarF').fullCalendar( 'addEventSource',json_events );

		// 									console.log("i ->" + i);
		// 									/*if( i <= responseclienteName.length ){*/
		// 										$("#siguenteCitaCliente" ).click(function() {
		// 										  if( i < responseclienteName.length - 1 && i >= 0){
		// 										  		i++;
		// 										  		console.log("i ->" + i);
		// 											    $('#calendarF').fullCalendar('gotoDate',responseclienteName[i].fecha );
		// 										    	$('#calendarF').fullCalendar( 'removeEvents' );
		// 										    	/*$('#calendarF').fullCalendar( 'refetchEvents' );*/
		// 										    	$('#calendarF').fullCalendar( 'addEventSource',json_events );
													
		// 										 		 console.log("Incremento " + i);
		// 										 		 $('#AnteriorCitaCliente').css('display','block');
		// 										 		 $('#AnteriorCitaCliente').addClass('fadeInDown animated');

												 		 
		// 										 		 return false;	
												  		 	
		// 										  }
		// 										  else {  alert("No Existen más eventos"); 
		// 										 		  console.log("i ->" + i);
		// 										 		  return false;
		// 											}
		// 										});//end function click al hacer click en next



		// 										$( "#AnteriorCitaCliente" ).click(function() {
		// 											 if( i > 0 && i <= responseclienteName.length-1){
		// 												i--;
		// 												console.log("aqui");
		// 												console.log(json_events[i]);
		// 												console.log("Decremento" + i);	
		// 											    $('#calendarF').fullCalendar('gotoDate',responseclienteName[i].fecha );
		// 										    	$('#calendarF').fullCalendar( 'removeEvents' );
		// 										    	/*$('#calendarF').fullCalendar( 'refetchEvents' );*/
		// 										    	$('#calendarF').fullCalendar( 'addEventSource',json_events );
		// 										    	return false;
		// 											}
		// 											else {  alert("No existen más eventos Anteriores");
		// 													console.log("abt i ->" + i);
		// 													return false;
		// 												 }
												  		 
		// 										});//end function click al hacer click en next
											
										   
		// 									/*console.log("no hay mas");*/
		// 								}//end else 2 o mas clientesen citas cambie por if
		// 								return false;
		// 							}//end else 1 raiz

		// 								//inicio - fin

		// 				            },//end success ajax response
		// 				            error:function(){
		// 				             	alert("No hay resultados para el nombre " + nameclient.toUpperCase());

		// 				             },
						           
		// 				        });//end ajax

		//   	return false; //para q no haga reload 
		// 	}// end if
		// 	alert("Escribe un nombre");
		// 	return false; //para q no haga reload 
		// });//end#buscarcitasboton
	
		/*var json_events;*/
		// $('#filtrarCabinas').click(function() {
		// 	  /*alert('clic a cabinas');*/
			  
		// 	  var idCabina = $('#queryCabina').val();
		// 	 /* alert(idCabina);*/
		// 	  if(idCabina != '' && idCabina != '-100'){
			  	
		// 	  $.ajax({
		// 				            url:"<?php echo base_url();?>agenda/franquiciatario/BuscarcitasF/buscarporcabina",
		// 				            type:'POST',
		// 				            dataType: 'json',
		// 				            data:{codecabina : idCabina},
		// 				            success:function(responseCabina){
		// 				                // Access the JSON response //
		// 				                /*console.log("aqui buscacabina");*/
		// 				                json_events = responseCabina;
		// 				                console.log("porcabinas");
		// 				                console.log(responseCabina);
						                
		// 								   $('#calendarF').fullCalendar( 'removeEvents' );
		// 								   $('#calendarF').fullCalendar( 'refetchEvents' );
		// 								   $('#calendarF').fullCalendar( 'addEventSource',json_events );
		// 				            },//end success ajax response
		// 				           	error:function(){
		// 				            	 var selectedOption = $('#queryCabina  option:selected').text();
		// 				             	alert("No hay resultados para " + selectedOption.toUpperCase());

		// 				             },
		// 				        });//end ajax

		// 	  	}//end if
		// 	  	else if( idCabina == '-100'){
		// 	  		/*alert("tods");*/

		// 	  		$.ajax({
		// 				            url:"<?php echo base_url();?>agenda/franquiciatario/listacitasF/getEventos",
		// 				            type:'POST',
		// 				            dataType: 'json',
		// 				            data:{codecabina : idCabina},
		// 				            success:function(responseCabina){
		// 				                // Access the JSON response //
		// 				                json_events1 = responseCabina;
		// 				                console.log(responseCabina);
						                
		// 								   $('#calendarF').fullCalendar( 'removeEvents' );
		// 								   $('#calendarF').fullCalendar( 'refetchEvents' );
		// 								   $('#calendarF').fullCalendar( 'addEventSource',json_events1 );
		// 				            },//end success ajax response
		// 				            error:function(){
		// 				            	 var selectedOption = $('#queryCabina  option:selected').text();
		// 				             	alert("No hay resultados para " + selectedOption.toUpperCase());

		// 				             }
						           
		// 				        });
		// 	  	}
		// 	  	else {
		// 	  		alert("Selecciona una cabina");
		// 	  	}

		// 	  /*$('#calendarF').fullCalendar({
		// 				     			  events: JSON.parse(JSON.stringify(json_events)),
		// 				 	 			});*/
		// 		return false; //para q no haga reload 

		// 	});//end click filtrar cabinas



		
		// $.post('<?php echo base_url();?>agenda/franquiciatario/listacitasF/getEventos',
		// 	function(data){

		// 	console.log($.parseJSON(data));
				
		// 		$('#calendarF').fullCalendar({
		// 			header: {

		// 				left: 'prev,today,next',
		// 				center: 'title',
		// 				right: 'month,agendaWeek,agendaDay,listMonth,'
		// 			},
		// 			businessHours: {
		// 			  // days of week. an array of zero-based day of week integers (0=Sunday)
		// 			  dow: [0, 1, 2, 3, 4, 5 ,6 ], // Monday - Thursday

		// 			  start: '08:00:00', // a start time (10am in this example)
		// 			  end: '22:00:00', // an end time (6pm in this example)
		// 			},
		// 			contentHeight: 'auto',
		// 			minTime: "08:00:00",
       	// 			maxTime: "22:00:00",
		// 			/*hiddenDays: [ 0 ],*/
		// 			/*defaultView: 'timelineDay',*/
		// 			defaultDate: new Date(),
		// 			defaultView: 'agendaWeek',
		// 			slotDuration:  '00:30:00',
      	// 			snapDuration:  '00:30:00',
		// 			editable: true,
		// 			displayEventEnd: true,
		// 			slotEventOverlap: false,
		// 			aspectRatio: 1.5,
		// 			 //es para sobrear sabado y domingo
		// 			navLinks: true, // can click day/week names to navigate views
		// 			weekNumbers: true,
		// 			editable: true,

		// 			eventLimit: true, // allow "more" link when too many events
		// 			selectHelper: true,
		// 			selectable: true,
		// 			editable: false,


		// 			events: $.parseJSON(data),
					
		// 			eventResize: function(event, delta, revertFunc) {
		// 		        var id = event.id;
		// 				var fi = event.start.format();
		// 				var ff = event.end.format();

		// 				if (!confirm("Esta seguro de cambiar la fecha?")) {
		// 					revertFunc();
		// 				}else{
		// 					$.post("<?php echo base_url();?>agenda/franquiciatario/listacitasF/updEvento",
		// 					{
		// 						id:id,
		// 						fecini:fi,
		// 						fecfin:ff
		// 					},
		// 					function(data){
		// 						if (data == 1) {
		// 							alert('Se cambio correctamente');
		// 							$("#calendarF").fullCalendar("refetchEvents");
		// 						}else{
		// 							alert('ERROR.');
		// 						}
		// 					});
		// 				}
		// 				//$('#calendarF').fullCalendar('refresh')
		// 		    },
		// 		    eventClick: function(event, jsEvent, view) {

		// 		    	// alert(event.title);
		// 		    	$('#mhdnIdEvento').val(event.id);
		// 		    	$('#mtitulo').html(event.title);
		// 		    	$('#txtBandaRP').val(event.cabina);
		// 		    	$('#txtClientes').val(event.clientes);
		// 		    	$('#txtCategoria').val(event.categoria);
		// 		    	$('#txtPromociones-hidden').val(event.promociones);
		// 		    	$('#txtServicios-hidden').val(event.servicio);
		// 		    	$('#txtFecha').val(event.fecha);
		// 		    	$('#txtHoraI').val(event.hoi);
		// 		    	$('#txtHoraF').val(event.hof);
		// 		    	$('#txtEstado').val(event.est);
		// 		    	$('#txtObservaciones').val(event.obs);
		// 		    	$('#txtUsuario').val(event.usu);
		// 		    	// $('#txtFranquicia').val(event.franquicia);
		// 		    	$('#modalEvento').modal();
		// 		    	//herefecha
		// 		    	var date = new Date();
		// 	              year = date.getFullYear();
		// 	              month = date.getMonth()+1;
		// 	              dt = date.getDate();

		// 	              if (dt < 10) {
		// 	                dt = '0' + dt;
		// 	              }
		// 	              if (month < 10) {
		// 	                month = '0' + month;
		// 	              }
		// 	              var FechaCompleta = year+'-' + month + '-'+dt;
		// 		    	var dateVal = $("#txtFecha").val();
		// 		    	console.log("hoy----" + FechaCompleta);
		// 		    	if( FechaCompleta > dateVal){
		// 		    		console.log("Fecha menor que hoy");
		// 		    		 $('#txtFecha').val(event.fecha);
		// 		    		/* $('.date-picker').datepicker('setDate', dateVal);*/
		// 		    	}
		// 		    	else {
		// 		    		 $('.date-picker').datepicker('setDate', dateVal);	
		// 		    	}
        //                 console.log("date ---------" + dateVal);
                       
		// 		    	if (event.url) {
				    		
				    		
		// 		    		return false;
		// 		    	}



		// 		    	if( event.servicio != '' ){
		// 		    		console.log("servicio" + event.servicio + $('#txtServicios-hidden').val());
		// 		    		console.log("deberia ser vacia" + event.promociones);
		// 				$.ajax({

							
		// 				            url:"<?php echo base_url();?>agenda/franquiciatario/listacitasF/service",
		// 				            type:'POST',
		// 				            dataType: 'json',
		// 				            data:{codeService : event.servicio},
		// 				            success:function(response){
		// 				                // Access the JSON response //
		// 				                console.log(response);
		// 				                $('#txtServicios').val(response[0].NombreServicio);
		// 				                 $('#txtServicios-hidden').val(event.servicio);
		// 				                $('#txtPromociones').val("");
		// 				                $('#txtServicios').parents('.contain-servicio').siblings('.contain-promocion').css('display','none');
		// 				                $('#txtPromociones').parents('.contain-promocion').siblings('.contain-servicio').css('display','block');
		// 				                console.log("Servicio ->" + event.servicio);
		// 				            }
		// 				        });
		// 			}
		// 			if( event.promociones != '' ){
		// 				console.log("promocion" + event.promociones);
		// 				console.log("deberia ser vacia" + event.servicio);
		// 				$.ajax({
		// 				            url:"<?php echo base_url();?>agenda/franquiciatario/listacitasF/loadNamePromo",
		// 				            type:'POST',
		// 				            dataType: 'json',
		// 				            data:{codePromo : event.promociones},
		// 				            success:function(response){
		// 				                // Access the JSON response //
		// 				                $('#txtServicios').val("");
		// 				                console.log(response);
		// 				               $('#txtPromociones').val(response[0].NombrePromocion);
		// 				               console.log("miriame" + response[0].NombrePromocion);
		// 				               $('#txtPromociones-hidden').val(event.promociones);
		// 				               $('#txtServicios').val("");
		// 				              	$('#txtServicios').parents('.contain-servicio').siblings('.contain-promocion').css('display','block');
		// 				               /*$('.contain-servicio').css('display','none');*/
		// 				               $('#txtPromociones').parents('.contain-promocion').siblings('.contain-servicio').css('display','none');
						                
		// 				                console.log("promocion ->" + event.promociones);
		// 				            }
		// 				        });



		// 			}

		// 			},
		// 			select: function(date, start, end, jsEvent, view) {

		// 					var inicio1=moment(date).format('YYYY-MM-DD HH:mm:ss');
		// 					if (inicio1<(moment().format('YYYY-MM-DD HH:mm:ss'))) {
							
		// 					$('#calendarF').fullCalendar('unselect');
		// 					return false;
		// 					}else{
		// 					// console.log('date '+moment(date).format('YYYY-MM-DD HH:mm:ss'));
		// 					// console.log('inicio '+moment(start).format('YYYY-MM-DD HH:mm:ss'));
		// 					// console.log('fin '+moment(end).format('YYYY-MM-DD HH:mm:ss'));

		// 					// alert('Coordinates: ' + jsEvent.pageX + ',' + jsEvent.pageY);

		// 					// alert('Current view: ' + view.name);

		// 					// change the day's background color just for fun
		// 					var fecha=moment(date).format('YYYY-MM-DD');
		// 					// var inicio=moment(date).format('HH:mm:ss');
		// 					// var fin=moment(start).format('HH:mm:ss');
		// 					// var cliente=document.getElementById('idc').value;
		// 					// var codigo=document.getElementById('codigoM').value;
		// 					// var tipo= document.getElementById('tipo').value;
		// 					// var cabina=document.getElementById('cabina').value;
		// 					// if(cabina=='')
		// 					// {
		// 					// document.getElementById('cabina').focus();
		// 					// $('#cabina').notify('seleccione una cabina',{
		// 					// 	position:'bottom center',
		// 					// 	className:'error'
		// 					// });
		// 					// }else{
		// 					// var datos='cliente='+cliente+'&codigo='+codigo+'&tipo='+tipo+'&fecha='+fecha+'&inicio='+inicio+'&fin='+fin+'&cabina='+cabina;
		// 					limpiarM();
		// 					document.getElementById('fechaNC').value=moment(fecha).format('YYYY-MM-DD');
		// 					document.getElementById('inicioNC').value=moment(date).format('h:mm a');
		// 					document.getElementById('finNC').value=moment(start).format('h:mm a');
							
							             
		// 					// document.getElementById('clienteMC').innerHTML=document.getElementById('title').value;
		// 					// $('#fechaMC').timepicker({
		// 					//   timeFormat: 'DD-MM-YYYY',
		// 					//   minTime: new Date(),
		// 					//   // maxTime: '10:00 PM',
		// 					//  });
							
		// 					$('#inicioNC').timepicker({
		// 						timeFormat: 'h:i A',
		// 						'step': '15',
		// 						minTime: '8:00 AM',
		// 						maxTime: '10:00 PM',
		// 					});
		// 					$('#finNC').timepicker({
		// 						timeFormat: 'h:i A',
		// 						'step': '15',
		// 						minTime: '8:00 AM',
		// 						maxTime: '10:00 PM',
		// 					});
		// 					// $('#inicioNC').timepicker('option',{'maxTime': moment(start).format('h:mm a')});
		// 					// $('#finNC').timepicker('option',{'minTime': moment(date).format('h:mm a')});
		// 					$('#modal-agendar').modal();

		// 					var dt1 = moment(date).format("HH:mm:ss");
		// 					var dt2 = moment(start).format("HH:mm:ss");
		// 					console.log(dt1 +" / "+ dt2);

		// 					duracion(dt1, dt2);

		// 					}
		// 					},
		// 		    eventRender: function(event, element) {
		// 				// $('[data-toggle="tooltip"]').tooltip();
		// 				$(element).tooltip({title: event.descripcion,
		// 					placement: 'top',
		// 					trigger: 'hover',
		// 					container: 'body',
		// 				});  
		// 				// $(element).tooltip('show');  
		// 		    	/*$('#modalEvento').modal('hide');
		// 		        var el = element.html();
		// 		        element.html("<div style='width:100%;float:left;'>" + el + "</div>" + 
		// 				        	"<div style='color:red;text-align:right;' class='closeE'>" +
		// 				        		"<i class='fa fa-trash'></i>" +
		// 				        	"</div>");
		// 		        element.find('.closeE').click(function(){
		// 		        	if (!confirm("Esta seguro de eliminar el evento?")) {
		// 						return false;
								
		// 					}else{
		// 						$('#modalEvento').modal('hide');
		// 						var id = event.id;
		// 						$.post("<?php echo base_url();?>agenda/franquiciatario/listacitasF/deleteEvento",
		// 						{
		// 							IdAgenda:id
		// 						},
		// 						function(data){
		// 							$('#modalEvento').modal('hide');
		// 							if (data == 1) {
										
		// 								$('#calendarF').fullCalendar( 'removeEvents', event.id);
		// 								alert('Se elimino correctamente');
		// 								$('#modalEvento').modal('hide');

		// 							}else{
		// 								$('#modalEvento').modal('hide');
		// 								alert('ERROR.');
		// 							}
		// 						});
					        	
		// 			        }

		// 		        });*/
		// 		    }
					
		// 		});
		// 	});

		
// $('#deleteCita').click(function(){
// 	console.log("eliminar");
// 	var idVenta = $(this).parents().find('.modal-body #mhdnIdEvento').val();
// 	console.log(idVenta);
	
// 	$.ajax({
// 			    url:"<?php echo base_url();?>agenda/franquiciatario/listacitasF/deleteEvento",
// 				type:'POST',
// 				dataType: 'json',
// 				data:{  IdAgenda : idVenta, },
// 				success:function(response){
// 					// Access the JSON response //
// 				$.confirm({
// 				    title: 'Estas seguro que deseas eliminar ésta cita?',
// 				    content: 'Una vez eliminada no volverá a aparecer en el calendario',
// 				    buttons: {
// 				        confirmar: function () {
// 				            /*console.log("Se elimino correctamente");*/
// 							console.log(response);
// 							if( response == 1){
// 								$.alert("se ha eliminado correctamente");
// 								$('#modalEvento').modal('hide');
// 								$('#calendarF').fullCalendar( 'removeEvents', idVenta);
// 								console.log(response);
// 								/*location.reload();*/
// 							}
// 				        },
// 				        cancelar: function () {
// 				            $.alert('No se eliminó');
// 				        },
// 				    },
// 				    closeIcon: true,
// 				     draggable: true,
// 				});
					
// 					/*location.reload();	 */               
// 				}
// 			});	
			
// });

// $("#clienteNC").autocomplete({
//             source: base_url+"/agenda/franquiciatario/agregarcitaF/clientes/?",
   
//             select: function (event, ui) {
                     
//                     //     $('[name="idcliente"]').val(ui.item.id);
//                     //    $('[name="cliente1"]').val(ui.item.label);
// 					   $('[name="clienteNC"]').val(ui.item.label);
// 					   console.log(ui.item.label);
//                       // $('[name="cliente1"]').val(ui.item.label);
//                     //   buscarAdeudos(ui.item.id);
                       
//                      }
// 			   });
// $("#tratamientoNC").autocomplete({
// 		source: base_url+"agenda/franquiciatario/agregarcitaF/servicios/?",

// 		select: function (event, ui) {
// 			$('[name="tratamientoNC"]').val(ui.item.label);
// 			// 	if(ui.item.identificador=='SA' || ui.item.identificador=='SG')
// 			// 	{
// 			// 	$('[name="idservi"]').val(ui.item.id);
// 			// 	$('[name="servi1"]').val(ui.item.label);

// 			// 	}else
// 			// 	{
// 			// 	if(ui.item.identificador=='PI' || ui.item.identificador=='PF')
// 			// 	{                    
// 			// 	$('[name="idpromo"]').val(ui.item.sesiones);
// 			// 	$('[name="promo1"]').val(ui.item.label);
// 			// 	}
// 			// }  
// 			 	}
// });
// function duracion(dt1, dt2)
// {
//   var hora1 = (dt2).split(":"),
//   hora2 = (dt1).split(":"),
//   t1 = new Date(),
//   t2 = new Date();
   
//   t1.setHours(hora1[0], hora1[1], hora1[2]);
//   t2.setHours(hora2[0], hora2[1], hora2[2]);
   
//   //Aquí hago la resta
//   t1.setHours(t1.getHours() - t2.getHours(), t1.getMinutes() - t2.getMinutes(), t1.getSeconds() - t2.getSeconds());
   
//   //Imprimo el resultado
//   console.log("Duración: " + (t1.getHours() ? t1.getHours() + (t1.getHours() > 1 ? " horas" : " hora") : "") + (t1.getMinutes() ? ", " + t1.getMinutes() + (t1.getMinutes() > 1 ? " minutos" : " minuto") : "") + (t1.getSeconds() ? (t1.getHours() || t1.getMinutes() ? " y " : "") + t1.getSeconds() + (t1.getSeconds() > 1 ? " segundos" : " segundo") : ""));
//   document.getElementById('duracionNC').innerHTML=(t1.getHours() ? t1.getHours() + (t1.getHours() > 1 ? " horas" : " hora") : "") + (t1.getMinutes() ? "  " + t1.getMinutes() + (t1.getMinutes() > 1 ? " minutos" : " minuto") : "") + (t1.getSeconds() ? (t1.getHours() || t1.getMinutes() ? " y " : "") + t1.getSeconds() + (t1.getSeconds() > 1 ? " segundos" : " segundo") : "")
// }

// $('#btnUpdEvento').click(function(){
// 		/*alert("Desea realizar cambios");*/
//     var fechaAgendada = $(this).parents('.modal-footer').siblings('.modal-body').find('#txtFecha').val();
//     console.log(fechaAgendada);
// 	if(fechaAgendada != ''){
// 		console.log("aqui sin FEcha vacia");
			
// 	var idCabina = $(this).parents('.modal-footer').siblings('.modal-body').find('#txtBandaRP').val();
// 	var nombreCliente = $(this).parents('.modal-footer').siblings('.modal-body').find('#txtClientes').val();
// 	var idCategoria = $(this).parents('.modal-footer').siblings('.modal-body').find('#txtCategoria').val();

// 	var codePromo = $(this).parents('.modal-footer').siblings('.modal-body').find('#txtPromociones-hidden').val();
// 	var codeService =$(this).parents('.modal-footer').siblings('.modal-body').find('#txtServicios-hidden').val();

// 	var fechaAgendada = $(this).parents('.modal-footer').siblings('.modal-body').find('#txtFecha').val();
// 	var horai = $(this).parents('.modal-footer').siblings('.modal-body').find('#txtHoraI').val();
// 	var horaf = $(this).parents('.modal-footer').siblings('.modal-body').find('#txtHoraF').val();
// 	var estado = $(this).parents('.modal-footer').siblings('.modal-body').find('#txtEstado').val();
// 	var observaciones = $(this).parents('.modal-footer').siblings('.modal-body').find('#txtObservaciones').val();
// 	var idUserchange = $(this).parents('.modal-footer').siblings('.modal-body').find('#txtUsuario').val();
// 	var idEvento = $(this).parents('.modal-footer').siblings('.modal-body').find('#mhdnIdEvento').val();
// 		/* console.log(nombreCliente + "->" + idEvento );*/


// 		$.ajax({
// 			    url:"<?php echo base_url();?>agenda/franquiciatario/listacitasF/updEvento2",
// 				type:'POST',
// 				dataType: 'json',
// 				data:{   
// 						idCabinaA      : idCabina         , 
// 						nombreClienteA : nombreCliente    ,
// 						idCategoriaA   : idCategoria      , 
// 						   codePromoA  : codePromo 	   , 
// 						 codeServiceA  : codeService  	   ,
// 						fechaAgendadaA : fechaAgendada	   ,
// 						  hourStart    : horai 	 	   ,
// 						 hourEnd	   : horaf 	 	   ,
// 						 status        : estado 	 	   ,
// 						 script		   : observaciones    ,
// 						user		   : idUserchange     ,
// 						idEventoA 	   : idEvento     ,
// 						            	  },
// 				success:function(response){
// 					// Access the JSON response //
// 					console.log("response");
// 					console.log(response);
// 					if( response == 1){
// 						alert("cambios guardados correctamente");

// 						console.log(response);
// 						location.reload();
// 					}
// 					/*location.reload();	 */               
// 				},
// 				error:function(xhr, textStatus, errorThrown, error){
// 					console.log(xhr.responseText);
// 					console.log("No hay resultados");

// 					},
// 			});	
// 	}//end Fecha vacia
// 	else {
// 		alert("Elige una Fecha");
// 	}
// 	});
});


</script>

<div class="modal fade bd-example-modal-xl" id="modal-agenda" tabindex="-1" role="dialog" aria-labelledby="myExtraLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xl">
    <div class="modal-content">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
				<span aria-hidden="true">&times;</span>
			</button>
			<center>
				<h4 class="modal-title">Nueva cita*</h4>
			</center>
			<span id="contCobrar"></span>
		</div>
		<div class="modal-body">
			<div class="row">
				<div class="form-group col-md-12">
					<div class="col-md-5" id='buscadorCliente'>
						<label class="labels">Cliente: &nbsp;&nbsp;<span class="glyphicon glyphicon-user"></span></label>
						<input type="text" class="form-control" id="cliente" name="cliente" placeholder="Cliente" onchange="cambioCliente();">
						<input type="text" class="invisible" id="idCliente" name="idCliente" onchange="cambioCliente();">
					</div>
					<!-- tarjeta de cliente -->
					<div class="col-md-5 invisible" id='tarjetaCliente'>
						<div class="col-md-12 presentacionCliente">
							<button type="button" class="close" id='quitarCliente'>
								<span>&times;</span>
							</button>
							<div class="col-md-2 iconoPresentacion">
								<span class='fas fa-user-circle '>&nbsp;</span>
							</div>
							<div class="col-md-9 datosPresentacion">
								<h5 class='my-0' id="nombreCliente"></h5>
								<small class='text-muted' id="datosCliente"></small>
							</div>
						</div>
					</div>
					<div class="col-md-5" id='buscadorServicios'>
						<label class="labels">Servicio</label>
						<select name="nombreServicio" id="nombreServicio" onchange="onchangeSesiones();" class="js-example-basic-single"></select>
						<input type="text" id="duracionServicio" name="duracionServicio" class="invisible">
					</div>
					<div class="sin-espacio-izquierdo col-md-2" id='numeroSesion'>
						<label class="labels">Sesión</label>
						<select name="numeroSesiones" id="numeroSesiones"></select>
					</div>
				</div>
				<div class="row">
					<div class="form-group col-md-12">
						<div class="col-md-3" id='fechaCita'>
							<label class="labels">Fecha</label>
							<input type="text" id="fecha" name="fecha" data-provide="datepicker" data-date-format="dd-mm-yyyy" class="form-control date-picker" placeholder="dd - mm - yyyy" autocomplete="off" onchange="fechaCitaCO();">
						</div>
						<div class="col-md-3" id='fechaCita' style="display: none;">
							<label class="labels">Fecha</label>
							<input type="text" id="fecha2" name="fecha2">
						</div>
						<div class="sin-espacio-izquierdo col-md-3" id='horaInicio'>
							<label class="labels">Hora Inicio</label>
							<input type="text" id="horaI" name="horaI" class="form-control timepicker" placeholder="12 : 00 AM" onchange="fechaCitaCO();">
						</div>
						<div class="sin-espacio-izquierdo col-md-3" id='horaFin'>
							<label class="labels">Hora Fin</label>
							<input type="text" id="horaF" name="horaF" class="form-control timepicker" placeholder="11 : 59 PM" onchange="fechaCitaCO();">
						</div>
						<div class="sin-espacio-izquierdo col-md-3" id='duracionCita'>
							<label class="labels">Duración</label>
							<input type="text" id="duracion" class="form-control duracion">
						</div>
					</div>
				</div>
				<div class="row">
					<div class="form-group col-md-12">
						<div class="form-group col-md-4" id='personalCita'>
							<label class="labels">Personal</label>
							<select name="personal" id="personal"></select>
						</div>
						<div class="sin-espacio-izquierdo col-md-4" id='areaCita'>
							<label class="labels">Área</label>
							<select name="area" id="area" class="form-control selectpicker">
							</select>            
						</div>
						<div class="sin-espacio-izquierdo col-md-4" >
							<label class="labels">Estado</label>
							<select name="estado" id="estado" class="form-control selectpicker">
							<?php foreach ($estados as  $estado){ 
								if($estado['id']!=4 && $estado['id']!=5 && $estado['id']!=6)
								{ echo '<option data-icon="colores '.$estado['clase'].'" value="',$estado['id'],'">',$estado['nombre'],'</option>';}} ?>
							</select>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="form-group col-md-12">
						<div class="col-md-12" id='comentarioCita'>
							<label class="labels">Comentarios</label>
							<input id="comentarios" name="comentarios"  maxlength="120" class="form-control comentarioCita" placeholder="Escribir comentario" autocomplete="off"/>
						</div>
					</div>
				</div>
			</div>
		</div>
		<input type="text" class="form-control oculto">
		<div class="modal-footer">
			<div class="div-centrado centrar">
				<button class="agenda" id="guardarCita">Guardar cita</button>
			</div>
		</div>
    </div>
  </div>
</div>

<!-- Modal agenda -->
<div class="modal"  data-target=".bd-example-modal-xl">
	<div class="vertical-alignment-helper">
		<div class="modal-dialog vertical-align-center modal-lg">
    		<div class="modal-content col-md-7 div-centrado">
    			<div class="modal-header">
          			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
            			<span aria-hidden="true">&times;</span>
					</button>
          			<center>
						<h4 class="modal-title">Nueva cita</h4>
					</center>
          			<span id="contCobrar"></span>
        		</div>
				<div class="modal-body">
					<div class="row">
						<div class="form-group col-md-12">
							<div class="col-md-5" id='buscadorCliente'>
								<label class="labels">Cliente: &nbsp;&nbsp;<span class="glyphicon glyphicon-user"></span></label>
								<input type="text" class="form-control" id="cliente" name="cliente" placeholder="Cliente" onchange="cambioCliente();">
								<input type="text" class="invisible" id="idCliente" name="idCliente" onchange="cambioCliente();">
							</div>
							<!-- tarjeta de cliente -->
							<div class="col-md-5 invisible" id='tarjetaCliente'>
								<div class="col-md-12 presentacionCliente">
									<button type="button" class="close" id='quitarCliente'>
										<span>&times;</span>
									</button>
									<div class="col-md-2 iconoPresentacion">
										<span class='fas fa-user-circle '>&nbsp;</span>
									</div>
									<div class="col-md-9 datosPresentacion">
										<h5 class='my-0' id="nombreCliente"></h5>
										<small class='text-muted' id="datosCliente"></small>
									</div>
								</div>
							</div>
							<div class="col-md-5" id='buscadorServicios'>
								<label class="labels">Servicio</label>
								<select name="nombreServicio" id="nombreServicio" onchange="onchangeSesiones();" class="js-example-basic-single"></select>
								<input type="text" id="duracionServicio" name="duracionServicio" class="invisible">
							</div>
							<div class="sin-espacio-izquierdo col-md-2" id='numeroSesion'>
								<label class="labels">Sesión</label>
								<select name="numeroSesiones" id="numeroSesiones"></select>
							</div>
						</div>
						<div class="row">
							<div class="form-group col-md-12">
								<div class="col-md-3" id='fechaCita'>
									<label class="labels">Fecha</label>
									<input type="text" id="fecha" name="fecha" data-provide="datepicker" data-date-format="dd-mm-yyyy" class="form-control date-picker" placeholder="dd - mm - yyyy" autocomplete="off" onchange="fechaCitaCO();">
								</div>
								<div class="col-md-3" id='fechaCita' style="display: none;">
									<label class="labels">Fecha</label>
									<input type="text" id="fecha2" name="fecha2">
								</div>
								<div class="sin-espacio-izquierdo col-md-3" id='horaInicio'>
									<label class="labels">Hora Inicio</label>
									<input type="text" id="horaI" name="horaI" class="form-control timepicker" placeholder="12 : 00 AM" onchange="fechaCitaCO();">
								</div>
								<div class="sin-espacio-izquierdo col-md-3" id='horaFin'>
									<label class="labels">Hora Fin</label>
									<input type="text" id="horaF" name="horaF" class="form-control timepicker" placeholder="11 : 59 PM" onchange="fechaCitaCO();">
								</div>
								<div class="sin-espacio-izquierdo col-md-3" id='duracionCita'>
									<label class="labels">Duración</label>
									<input type="text" id="duracion" class="form-control duracion">
								</div>
							</div>
						</div>
						<div class="row">
							<div class="form-group col-md-12">
								<div class="form-group col-md-4" id='personalCita'>
									<label class="labels">Personal</label>
									<select name="personal" id="personal"></select>
								</div>
								<div class="sin-espacio-izquierdo col-md-4" id='areaCita'>
									<label class="labels">Área</label>
									<select name="area" id="area" class="form-control selectpicker">
									</select>            
								</div>
								<div class="sin-espacio-izquierdo col-md-4" >
									<label class="labels">Estado</label>
									<select name="estado" id="estado" class="form-control selectpicker">
									<?php foreach ($estados as  $estado){ 
										if($estado['id']!=4 && $estado['id']!=5 && $estado['id']!=6)
										{ echo '<option data-icon="colores '.$estado['clase'].'" value="',$estado['id'],'">',$estado['nombre'],'</option>';}} ?>
									</select>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="form-group col-md-12">
								<div class="col-md-12" id='comentarioCita'>
									<label class="labels">Comentarios</label>
									<input id="comentarios" name="comentarios"  maxlength="120" class="form-control comentarioCita" placeholder="Escribir comentario" autocomplete="off"/>
								</div>
							</div>
						</div>
					</div>
				</div>
				<input type="text" class="form-control oculto">
				<div class="modal-footer">
					<div class="div-centrado centrar">
						<button class="agenda" id="guardarCita">Guardar cita</button>
					</div>
				</div>
      		</div>
      	<!-- /.modal-content -->
    	</div>
	<!-- /.modal-dialog -->
	</div>
</div>


<!-- Modal editar agenda -->
<div class="modal" id="modal-editarAgenda">
<div class="vertical-alignment-helper">
  <div class="modal-dialog vertical-align-center modal-lg">
      <div class="modal-content col-md-7 div-centrado">
        <div class="modal-body">
        <div class="row">
         <div class="form-group col-md-12">
            <input type="text" name="idCitaEdit" id="idCitaEdit" style="display: none;">
            <div class="row">
            <div class="col-md-5" id='buscadorClienteEditar'>
                <label class="labels">Cliente: &nbsp;&nbsp;<span class="glyphicon glyphicon-user"></span></label>
                <input type="text" class="form-control" id="clienteEditar" placeholder="Cliente" name="clienteEditar">
                <input type="text" class="invisible" id="idClienteEditar" name="idClienteEditar" onchange="cambioCliente();">
            </div>
             <!-- tarjeta de cliente -->
             <div class="col-md-5 " id='tarjetaClienteEditar'>
                  <div class="col-md-12 presentacionCliente">
                      <button type="button" class="close" id='quitarClienteEditar'>
                         <span>&times;</span>
                      </button>
                    <div class="col-md-2 iconoPresentacion">
                      <span class='fas fa-user-circle '>&nbsp;</span>
                    </div>
                    <div class="col-md-9 datosPresentacion">
                      <h5 class='my-0' id="nombreClienteEditar"></h5>
                      <small class='text-muted' id="datosClienteEditar"></small>
                    </div>
                  </div>
            </div>
            <div class="col-md-5" id='buscadorServiciosEditar'>
                <label class="labels">Servicio</label>
                <select name="nombreServicioEditar" id="nombreServicioEditar" onchange="onchangeSesiones();" class="js-example-basic-single"></select>
                <!-- <input type="text" id="nombreServicioEditar" placeholder="Servicio" name="nombreServicioEditar" class="form-control"> -->
                <!-- <input type="text" id="idServicioEditar" name="idServicioEditar" class="invisible"> -->
            </div>
            <div class="col-md-2" id="numeroSesionEditar">
                <label class="labels">Sesión</label>
                <select name="numeroSesionesEditar" id="numeroSesionesEditar"></select>
            </div>
              
            </div>
            </div>
            <div class="row">
            <div class="form-group col-md-12">
            <div class="col-md-3" >
                <label class="labels">Fecha</label>
                <input type="text" id="fechaEditar" name="fechaEditar" data-provide="datepicker" data-date-format="dd-mm-yyyy" class="form-control date-picker" placeholder="dd - mm - yyyy" autocomplete="off" onchange="fechaCitaCO();">
            </div>
            <div class="col-md-3" >
                <label class="labels">Hora Inicio</label>
                <input type="text" id="horaIEditar" name="horaIEditar" class="form-control timepicker" placeholder="12 : 00 AM" onchange="fechaCitaCO();">
            </div>
            <div class="col-md-3" >
                <label class="labels">Hora Fin</label>
                <input type="text" id="horaFEditar" name="horaFEditar" class="form-control timepicker" placeholder="11 : 59 PM" onchange="fechaCitaCO();">
            </div>
            <div class="col-md-3" >
                <label class="labels">Duración</label>
                <input type="text" id="duracionEditar" class="form-control duracion">
            </div>
            </div>
            </div>
            <div class="row">
            <div class="form-group col-md-12">
            <div class="col-md-4" >
                <label class="labels">Personal</label>
                <select name="personalEditar" id="personalEditar"></select>
            </div>
            <div class="col-md-4" >
                <label class="labels">Área</label>
                <select name="areaEditar" id="areaEditar" class="form-control selectpicker">
                  <option disabled selected value="">Selecione un área</option>
                </select>            
          </div>
            <div class="col-md-4" >
                <label class="labels">Estado</label>
                <select name="estadoEditar" id="estadoEditar" class="form-control selectpicker">
                  <?php foreach ($estados as  $estado){ 
                    if($estado['id']!=5)
                    { echo '<option data-icon="colores '.$estado['clase'].'" value="',$estado['id'],'">',$estado['nombre'],'</option>';
                    }else{
                      echo '<option data-icon="colores '.$estado['clase'].'" value="',$estado['id'],'" disabled>',$estado['nombre'],'</option>';
                    }} ?>
                </select>
            </div>
            </div>
            </div>
            <div class="row">
            <div class="form-group col-md-12">
            <div class="col-md-12" >
                <label class="labels">Comentarios</label>
                <input id="comentariosEditar" name="comentariosEditar"  maxlength="120" class="form-control comentarioCita" placeholder="Escribir comentario" autocomplete="off"/>
            </div>
            </div>
            </div>
          </div>
          <!-- <button class="col-md-12 boton-modal-cerrar" data-dismiss="modal">siguiente sesión</button> -->
          <div class="col-md-12">
            <button id="botonSiguiente" class="col-md-3 boton-modal-cerrar pull-right invisible" data-dismiss="modal">Siguiente sesión</button>
          </div>
        </div>
        <input type="text" class="form-control oculto">
        <div class="modal-footer">
          <div class="col-md-4  ">
            <button id="cerrarCita" class="col-md-12 boton-modal-cerrar" data-dismiss="modal">Cerrar</button>
          </div>
          <?php
            if ($this->session->userdata('roles_idRoles') != 2) {
              foreach($permisos as $value){
                if ($value->nombrePermisos == 'AGENDA') {
                  if ($value->permisoEliminar == 1 ) {
                    ?>
                    <div class="col-md-4  ">
                      <button id="eliminarCita" class="col-md-12 eliminar" >Eliminar cita</button>
                    </div>
                    <?php
                  }else{
                    ?>
                    <div style="display: none;" class="col-md-4  ">
                      <button id="eliminarCita" class="col-md-12 eliminar" >Eliminar cita</button>
                    </div>
                    <?php
                  }
                }
              }
            }else{
              ?>
                <div class="col-md-4  ">
                  <button id="eliminarCita" class="col-md-12 eliminar" >Eliminar cita</button>
                </div>
              <?php
            }
          ?>
          <?php
            if ($this->session->userdata('roles_idRoles') != 2) {
              foreach($permisos as $value){
                if ($value->nombrePermisos == 'AGENDA') {
                  if ($value->permisoModificar == 1 ) {
                    ?>
                    <div class="col-md-4  ">
                      <button id="editarCita" class="col-md-12 boton-modal-actualizar" >Actualizar cita</button>
                    </div>
                    <?php
                  }else{
                    ?>
                    <div style="display: none;" class="col-md-4  ">
                      <button id="editarCita" class="col-md-12 boton-modal-actualizar" >Actualizar cita</button>
                    </div>
                    <?php
                  }
                }
              }
            }else{
              ?>
                <div class="col-md-4  ">
                  <button id="editarCita" class="col-md-12 boton-modal-actualizar" >Actualizar cita</button>
                </div>
              <?php
            }
          ?>
          <input type="text" id="idActualizar" name="idActualizar" class="invisible">
        </div>
      </div>
      <!-- /.modal-content -->
    </div>
  <!-- /.modal-dialog -->
  </div>
</div>

<script type="text/javascript" src="<?php echo base_url()?>assets/dist/js/fullcalendarMAS.js"></script> 
