<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title><?= $titulo?></title>
	<?php
		$this->load->view('main/link');
		echo script_tag('js/modulos/xpn.js?'.$_SESSION['app.gxc_sesion_version']);
	?>
	<script type="text/javascript">
		$(function () {
			fn_xpn_listar_nuevo();
			$('.date').datepicker({
                autoclose   : true,
                format      : 'mm/yyyy',
                startView 	: 1,
    			minViewMode : 1
            });
		});
	</script>
</head>
<body>
	<div class="container">
		<div class="panel panel-primary">
			<?= $cabecera?>
			<?= $menu?>
			<div class="panel-body" style="text-align: center;">
				<h3><b>PROGRAMAR FECHAS</b></h3>
			</div>
			<div class="panel-body">
				<h4>
					<span class="label label-primary">FECHAS NO PROGRAMADAS</span>
					<span class="label label-success">FECHAS PROGRAMADAS CON CITAS</span>
					<span class="label label-warning">FECHAS PROGRAMADAS SIN CITA</span>
				</h4>
			</div>
			<div class="panel-body">
				<form class="form-inline" id="form_buscar" method="post" action="">
					<div class="form-group">
						<label for="cbo_xco">Consultorio: </label>
						<select name="cbo_xco" id="cbo_xco" class="form-control" onchange="fn_xpn_listar_nuevo();">
							<?= $xco?>
						</select>
					</div>
					<div class="form-group">
						<label for="cbo_xpl">Personal: </label>
						<select name="cbo_xpl" id="cbo_xpl" class="form-control" onchange="fn_xpn_listar_nuevo();">
							<?= $xpl?>
						</select>
					</div>
					<div class="form-group">
						<label for="txt_mes_anio">Mes - Año</label>
						<div class="input-group date">
							<input type="text" id="txt_mes_anio" name="txt_mes_anio" onchange="fn_xpn_listar_nuevo();" value="<?= date('m/Y')?>" readonly class="form-control" autocomplete="off">
							<span class="input-group-addon">
								<span class="glyphicon glyphicon-calendar"></span>
							</span>
						</div>
					</div>
				</form>
			</div>
			<div class="panel-body">
				<table id="xpn_data" class="display table table-bordered table-hover table-stripped responsive nowrap">
				</table>
			</div>
			<?= $pie?>
		</div>
	</div>
</body>
</html>