<?php

/*
* @category    Vista Evolucion de Terapias
* @package     OfiClinic Web
* @author      Jorge Ancizar Galeano Ruiz<desarrollo@ofisalud.com>
* @copyright   2010 Jorge Ancizar Galeano Ruiz
* @version     OfiClinic Web 1.0
* @license     COMERCIAL
* @link        http://www.desarrollo@ofisalud.com
* @country     Colombia
* @telephone   3016398114
*/
    session_start();
    //require("includes/varconf.php");
    header("Cache-control: private"); // IE 6 Fix
    
?>
<!DOCTYPE html>
<html lang="es" class="no-js">
    <head>
        <meta charset="utf-8">
        <title>.:: GESTION DE CITAS ::.</title>
        <meta name="description" content="Planificador">
        <meta name="author" content="Green TICS">
        <meta name="robots" content="noindex, nofollow">
        <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0">
        <meta name="robots" content="noindex, nofollow">
        <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0">
        <link rel="shortcut icon" href="../../images/logo/favicon-32x32.png">
        <link rel="stylesheet" type="text/css" href="libjq/extjs/resources/css/ext-all.css"/>
        <link rel="stylesheet" type="text/css" href="libjq/extjs/resources/css/xtheme-gray.css" />
        <script type="text/javascript" src="libjq/extjs/adapter/ext/ext-base.js"></script> 
        <script type="text/javascript" src="libjq/extjs/ext-all.js"></script>
        <link rel="stylesheet" href="libjq/css/bootstrap.min.css">
        <link rel="stylesheet" href="libjq/css/plugins.css">
        <link rel="stylesheet" href="libjq/css/jquery.gritter.css" >
        <link rel="stylesheet" href="libjq/css/main.css">
        <link rel="stylesheet" href="libjq/chosen/bootstrap-chosen.css">
        <link rel="stylesheet" href="libjq/css/themes/agropartners.css">
        <script src="libjq/js/vendor/modernizr-respond.min.js"></script>
    </head>
    <body style="background-color: whitesmoke; padding: 10px;">
        <div class="row">
            <div class="col-sm-1" style="padding-top: 5px; text-align: right;">
                <?php echo '<img alt=""  src="images/calendario.png">';?>
            </div>
            <div class="col-sm-9">
                <center><span style="font-size: 36px; color: darkblue;"><?php echo $_SESSION['NOM_OPCION_MENU'];?></span></center>
            </div>
            <div class="col-sm-2" style="padding-top: 5px; text-align: right;">
                <?php echo '<img alt=""  src="images/logopeq.png">';?>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-11" style="font-size: 27px;">
                <div class="form-group">
                    <label for="sysNomPaciente">Paciente:&nbsp;&nbsp;</label>
                    <input type="text" class="form-control" style="font-size: 27px;" id="sysNomPaciente" name="sysNomPaciente" readonly="true" value="<?php echo $_SESSION['NOM_PACIENTE']; ?>">
                </div>
            </div>
            <div class="col-sm-1" style="font-size: 27px;">
		<br><button id="btnLogOut" class="btn btn-sm btn-danger" onclick="window.open('http://www.medicareips.com.co', '_self');"><i class="fa fa-angle-right"></i> Salir</button>
            </div>
        </div>
        <div class="block full">
            <div class="row">
                <div class="col-md-12">
                    <div class="block full">
                        <div class="block-title">
                            <ul class="nav nav-tabs" data-toggle="tabs">
                                <li class="active"><a href="#tab-asignarcita" data-toggle="tooltip" title="Te permite realizar la asignacion de tus citas medicas" style="font-size: 24px; color: #184D9B;"><i style="font-size: 24px;" class="fa fa-calendar-check-o"></i> Asignar Citas</a></li>
                                <li><a href="#tab-cancelarcita" data-toggle="tooltip" title="Te permite cancelar tus citas medicas para no generar inasistencias en el caso que no puedas asistir" style="font-size: 24px; color: darkred;"><i style="font-size: 24px;" class="fa fa-calendar-minus-o"></i> Cancelar Citas</a></li>
                                <li><a href="#tab-inasistencias" data-toggle="tooltip" title="Te permite consultar las inasistencias o multas" style="font-size: 24px; color: darkorange;"><i style="font-size: 24px;" class="fa fa-frown-o"></i> Inasistencias</a></li>
                                <li><a href="#tab-historial" data-toggle="tooltip" title="Te permite consultar el historial de tus citas solicitadas en los ultimos 3 meses" style="font-size: 24px; color: darkgreen;"><i style="font-size: 24px;" class="fa fa-bars"></i> Historial de Citas</a></li>
                                <li><a href="#tab-copagos" data-toggle="tooltip" title="Te permite consultar los copagos odontologicos pendientes por pagar" style="font-size: 24px; color: darkblue;"><i style="font-size: 24px;" class="fa fa-money"></i> Copagos Odontologia</a></li>
                            </ul>
                        </div>
                        <div class="tab-content">
                            <div class="tab-pane active" id="tab-asignarcita">
                                <div class="row">
                                    <div id="NoAsignar1" class="alert alert-danger fade in" style="display: none;">
                                        <a href="#" class="close" data-dismiss="alert"></a>
                                        <p style="font-size: 27px;"><strong>Atencion!</strong> Te pedimos disculpas, en este momento todos los servicios de asignación de citas están ocupados intenta más tarde. ¡Gracias!.</p>
                                    </div>
                                    <div id="NoAsignar2" class="alert alert-danger fade in" style="display: none;">
                                        <a href="#" class="close" data-dismiss="alert"></a>
                                        <p style="font-size: 27px;"><strong>Atencion!</strong> Tu última cita fue hace poco; Por este motivo no podemos asignarte la cita por este medio, te invitamos a que si necesitas el servicio te acerques a la IPS y lo solicites de forma presencial.!.</p>
                                    </div>
                                    <div id="NoAsignar3" class="alert alert-danger fade in" style="display: none;">
                                        <a href="#" class="close" data-dismiss="alert"></a>
                                        <p style="font-size: 27px;"><strong>Atencion!</strong> En los últimos seis meses no has asistido a consulta medica general, debes solicitarla de forma presencial o telefónica.!.</p>
                                    </div>
                                    <div id="NoAsignar4" class="alert alert-danger fade in" style="display: none;">
                                        <a href="#" class="close" data-dismiss="alert"></a>
                                        <p style="font-size: 27px;"><strong>Atencion!</strong> En los últimos seis meses no has asistido a consulta odontologica general, debes solicitarla de forma presencial o telefónica.!.</p>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="panel-body" id="dvDeseaAsignarCita" style="display: none;">
                                        <div class="col-sm-2">
                                            <div class="form-group">
                                                <label class="control-label">Deseas Asignar una Cita:</label>
                                                <select class="chosen-select" id="sysDesaAsignarCita" name="sysDesaAsignarCita" data-placeholder="Seleccionar...">
                                                    <option value=""></option>';
                                                    <option value="SI">SI</option>';
                                                    <option value="NO">NO</option>';
                                                </select>
                                            </div>
                                        </div>
                                        <div id="dvTipoCita" class="col-sm-2" style="display: none;">
                                            <div class="form-group">
                                                <label class="control-label">Tipo de Cita:</label>
                                                <select class="chosen-select" id="sysTipoCita" name="sysTipoCita" data-placeholder="Seleccionar...">
                                                    <option value=""></option>';
                                                    <option value="MEDICINA">MEDICINA</option>';
                                                    <option value="ODONTOLOGIA">ODONTOLOGIA</option>';
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div id="detalelCita" class="panel-body" style="display: none;">
                                        <div class="col-sm-3" id="cbProfesional" style="display: none;">
                                            <div class="form-group">
                                                <label class="control-label">Profesional:</label>
                                                <select class="chosen-select" id="sysProfesionalCita" name="sysProfesionalCita" data-placeholder="Seleccionar...">
                                                    <option value=""></option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-sm-3" id="cbFecha" style="display: none;">
                                            <div class="form-group">
                                                <label class="control-label">Fecha:</label>
                                                <select class="chosen-select" id="sysFechaCita" name="sysFechaCita" data-placeholder="Seleccionar...">
                                                    <option value=""></option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-sm-3" id="cbHora" style="display: none;">
                                            <div class="form-group">
                                                <label class="control-label">Hora:</label>
                                                <select class="chosen-select" id="sysHoraCita" name="sysHoraCita" data-placeholder="Seleccionar..." style="display: none;">
                                                    <option value=""></option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-sm-1" id="sysBtnAsignarCita" style="display: none;">
                                            <button id="btnAsignarCita" style="font-size: 27px;" class="btn btn-sm btn-primary" onclick="asignarCita();"><i class="fa fa-calendar-plus-o"></i> ASIGNAR CITA</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="tab-cancelarcita">
                                <div class="row">
                                    <div id="NoCancelar" class="alert alert-warning fade in" style="display: none;">
                                        <a href="#" class="close" data-dismiss="alert"></a>
                                        <p style="font-size: 27px;"><strong>Atencion!</strong> No tienes ninguna cita asignada.</p>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div id="gridCancelarCitas" class="table-responsive" style="display: none;"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="tab-inasistencias">
                                <div class="row">
                                    <div id="NoInasistencia" class="alert alert-success fade in" style="display: none;">
                                        <a href="#" class="close" data-dismiss="alert"></a>
                                        <p style="font-size: 27px;"><strong>Felicitaciones!</strong> No tienes ninguna inasistencia a tus citas.</p>
                                    </div>
                                    <div id="NoInasistencia1" class="alert alert-danger fade in" style="display: none;">
                                        <a href="#" class="close" data-dismiss="alert"></a>
                                        <p style="font-size: 27px;"><strong>Atención!</strong> Tienes inasistencias y debes acercarte a la IPS de tu atención para que realices el taller pedagógico o pagues tu multa odontológica.</p>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div id="gridInasistencias" class="table-responsive" style="display: none;"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="tab-historial">
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div id="gridHistorial" class="table-responsive" style="display: block;"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="tab-copagos">
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div id="gridCopagos" class="table-responsive" style="display: block;"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script src="libjq/js/vendor/jquery-2.2.1.js"></script>
        <script src="libjq/js/vendor/jquery.gritter.min.js"></script>
        <script src="libjq/js/vendor/bootstrap.min.js"></script>
        <script src="libjq/js/plugins.js"></script>
        <link href="libjq/js/vendor/jsgrid/jsgrid.min.css" rel="stylesheet" />
        <link href="libjq/js/vendor/jsgrid/jsgrid-theme.min.css" rel="stylesheet" />
        <script src="libjq/js/vendor/jsgrid/jsgrid.min.js"></script>
        <link href="libjq/js/vendor/alertify/alertify.core.css" rel="stylesheet" />
        <link href="libjq/js/vendor/alertify/alertify.default.css" rel="stylesheet" />
        <script src="libjq/js/vendor/alertify/alertify.js"></script>
        <script src="libjq/js/app.js"></script>
        <script src="libjq/js/tools.js"></script>
        <script type="text/javascript" src="moduloweb.js"></script>
    </body>
</html>

