Numero Cita:{{numero}}

Paciente *

Fecha Nac

Edad {{edad}}

Telefono

Empresa*

Sede*

Especialidad

Medico *

Fecha Deseada*

Fecha*

Hora*

Cita de *

Programapyp* Tipo historia

Servicio

Detalle

</div>
                                <div class="col-md-2">
                                    <br />
                                    <label>
                                        <input type="checkbox" ng-click="sethoraadicional(ha)" ng-model="ha" ng-init="ha=false" />Horario adicional
                                    </label>
                                </div>
                                <div class="col-xs-2">
                                    <label>Via Solicitud</label>
                                    <select name="ViaSolicitud" id="ViaSolicitud" class="form-control" ng-model="json.medasig" ng-options="c.key as c.values for c in viasolicitud">
                                        <option value=""></option>
                                    </select>
                                    
                                </div>
                                <div class="col-xs-2">
                                    <label>Tipo De Atencion<span class="req">*</span></label>
                                    <select name="Tatencion" class="form-control" ng-model="json.tipo_atencion" ng-options="item.key as item.values  for item in ti_atencion">
                                        <option></option>
                                    </select>

</div>
                            </div>
                            
                            
                            
                        </div>
                    </div>
                </div>
                                
                
                <div class="col-xs-4">
                    <div class="panel panel-primary">
                        <div class="panel-heading" style="height:21px;">
                            <a style="float:right" ng-click="mostrarpanel()">
                                <i class="fa fa-exchange-alt" style="color:white"></i>
                            </a>
                            <h3 class="panel-title" style="text-align:center">{{tituloaux}}</h3>
                        </div>
                        <div style="height:180px;overflow: auto" class="panel-body" ng-if="shcitas">
                            <div class="col-xs-12">
                                <table class="table table-bordered table-hover">
                                    <thead>
                                        <tr>
                                            <th>Fecha</th>
                                            <th>Hora</th>
                                            <th>Medico</th>
                                            <th>Especialidad</th>
                                            <th>Estado</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr ng-repeat="c in citas track by $index">
                                            <td>{{c.fecha}}</td>
                                            <td>{{c.hora}}</td>
                                            <td>{{c.medico}}</td>
                                            <td>{{c.especialidad}}</td>
                                            <td>{{estado(c.Tipo)}}</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div style="height:180px;overflow: auto" class="panel-body" ng-show="!shcitas">
                            <div class="col-xs-12">
                                <table class="table table-bordered table-hover">
                                    <thead>
                                        <tr>
                                            <th>Fecha</th>
                                            <th>Hora</th>
                                            <th>Medico</th>
                                            <th>Nro Citas: {{array_citas.length + 1}}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr ng-repeat="c in array_citas track by $index" ng-class="c.cargada == 1 ? 'discapacitado' : 'atendido'">
                                            <td>{{c.fecha_cons | date:"dd/MM/yyyy"}}</td>
                                            <td>{{c.hora}}</td>
                                            <td>{{c.medico}}</td>
                                            <td style="text-align: center;"  ng-show="mostrar_delete_grilla">
                                                <i class="fa fa-trash fa-1x" style="color: #e30700;" ng-click="delte_grilla_cita(c);"></i>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="col-xs-12" style="margin-top: 10px;">
                            <button type="button" class="btn btn-xs btn-success" ng-click="guardar_grilla()" style="margin-bottom: 10px ;">Preguardar <i class="fa fa-paste"></i></button>
                        </div>
                    </div>
                </div>
            </div>

<div class="col-xs-12; space_menos">
                <div class="col-xs-12">
                    <div class="panel panel-primary">
                        <button type="button" class="btn btn-xs btn-danger" ng-click="mostrar_festivos()" style="margin: 10px ;">Festivos <i class="fa fa-eye"></i></button>
                        <div class="panel-heading" style="height:21px">
                            <h3 class="panel-title" style="text-align:center">
                                <a style="float:left" ng-click="semanapasada()">
                                    <i class="fa fa-arrow-circle-left"></i>
                                </a>
                                Horarios disponibles entre {{firstday}} y {{lastday}}
                                <a style="float:right" ng-click="otrasemana()">
                                    <i class="fa fa-arrow-circle-right"></i>
                                </a>
                            </h3>
                        </div>
                        <div style="height: 250px; overflow: auto" class="panel-body">
                            <div class="col-xs-12">
                                <button type="button" class="btn btn-xs btn-primary" ng-click="copiar_citas()" style="margin-bottom: 10px ;">Copiar <i class="fa fa-clone"></i></button>
                                <div style="width:12%;display:inline-flex">
                                    <table class="table table-bordered table-hover" style="float: left;">
                                        <thead>
                                            <tr>
                                                <th>DOMINGO: {{fechadomingo}}<p class="citascolor">Citas Asignadas:{{citasdomingos}}</p><p class="citascolor in-line">Mañana:{{citasdomingom}}</p>  <p class="citascolor in-line">Tarde:{{citasdomingot}}</p></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr ng-repeat="h in horaDisponible track by $index">
                                                <td id="domingo-{{$index}}" ng-click="cargarfechahora(h)">{{h.hora}}</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div style="width:12%;display:inline-flex">
                                    <table class="table table-bordered table-hover" style="float: left;">
                                        <thead>
                                            <tr>
                                                <th>LUNES: {{fechalunes}}<p class="citascolor">Citas Asignadas:{{citaslunes}}</p><p class="citascolor in-line">Mañana:{{citaslunesm}}</p>  <p class="citascolor in-line">Tarde:{{citaslunest}}</p></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr ng-repeat="h in horaDisponiblem track by $index">
                                                <td id="lunes-{{$index}}" ng-click="cargarfechahora(h);">{{h.hora}}</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div style="width:12%;display:inline-flex">
                                    <table class="table table-bordered table-hover" style="float: left;">
                                        <thead>
                                            <tr>
                                                <th>MARTES: {{fechamartes}}<p class="citascolor">Citas Asignadas:{{citasmartes}}</p><p class="citascolor in-line">Mañana:{{citasmartesm}} </p>  <p class="citascolor in-line">Tarde:{{citasmartest}}</p></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr ng-repeat="h in horaDisponiblemi track by $index">
                                                <td id="martes-{{$index}}" ng-click="cargarfechahora(h)">{{h.hora}}</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>                                
                                <div style="width:12%;display:inline-flex">
                                    <table class="table table-bordered table-hover" style="float: left;">
                                        <thead>
                                            <tr>
                                                <th>MIERCOLES: {{fechamiercoles}}<p class="citascolor">Citas Asignadas:{{citasmiercoles}}</p><p class="citascolor in-line">Mañana:{{citasmiercolesm}} </p>  <p class="citascolor in-line">Tarde:{{citasmiercolest}}</p></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr ng-repeat="h in horaDisponiblej track by $index">
                                                <td id="miercoles-{{$index}}" ng-click="cargarfechahora(h)">{{h.hora}}</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div style="width:12%;display:inline-flex">
                                    <table class="table table-bordered table-hover" style="float: left;">
                                        <thead>
                                            <tr>
                                                <th>JUEVES: {{fechajueves}}<p class="citascolor">Citas Asignadas:{{citasjueves}}</p><p class="citascolor in-line">Mañana:{{citasjuevesm}} </p>  <p class="citascolor in-line">Tarde:{{citasjuevest}}</p></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr ng-repeat="h in horaDisponiblev track by $index">
                                                <td id="jueves-{{$index}}" ng-click="cargarfechahora(h)">{{h.hora}}</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div style="width:12%;display:inline-flex">
                                    <table class="table table-bordered table-hover" style="float: left;">
                                        <thead>
                                            <tr>
                                                <th>VIERNES: {{fechaviernes}}<p class="citascolor">Citas Asignadas:{{citasviernes}}</p><p class="citascolor in-line">Mañana:{{citasviernesm}}</p>  <p class="citascolor in-line">Tarde:{{citasviernest}}</p></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr ng-repeat="h in horaDisponibles track by $index">
                                                <td id="viernes-{{$index}}" ng-click="cargarfechahora(h)">{{h.hora}}</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div style="width:12%;display:inline-flex">
                                    <table class="table table-bordered table-hover" style="float: left;">
                                        <thead>
                                            <tr>
                                                <th>SABADO: {{fechasabado}}<p class="citascolor">Citas Asignadas:{{citassabados}}</p><p class="citascolor in-line">Mañana:{{citassabadom}} </p>  <p class="citascolor in-line">Tarde:{{citassabadot}}</p></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr ng-repeat="h in horaDisponibled track by $index">
                                                <td id="sabado-{{$index}}" ng-click="cargarfechahora(h)">{{h.hora}}</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <button type="button" class="btn btn-xs btn-success" ng-click="pegar_cita()" style="margin-bottom: 10px ;">Pegar <i class="fa fa-paste"></i></button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

<div class="col-xs-3">
                <span>Citas semanales: </span>
                <table  class="table table-responsive table-bordered table-hover table-striped">
                    <thead>
                        <tr>
                            <th>Especialidad</th>
                            <th>Numero Citas</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="c in citas_sem">
                            <td>{{c.Especialidad}}</td>
                            <td>{{c.num_citas}}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="col-xs-3">
                <span>Citas Mensuales: </span>
                <table  class="table table-responsive table-bordered table-hover table-striped">
                    <thead>
                        <tr>
                            <th>Especialidad</th>
                            <th>Numero Citas</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="c in citas_men">
                            <td>{{c.Especialidad}}</td>
                            <td>{{c.num_citas}}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="col-xs-2">
                <button style="margin-top: 10px" id="btn_carga" type="button" ng-click="cargar_num_citas(json.codigo)" class="btn btn-xs btn-success"><i class="fa fa-refresh"></i></button>
            </div>
            <div class="waiting-wrapper no-print" ng-class="openWaiting ? 'open' : ''">
                <div class="waiting no-print">
                    <img src="../../../assets/img/animatedEllipse.gif" />
                    El servidor está procesando la información
                </div>
            </div>
        </form>                
        <!--<div class="sv-modal-wrapper no-print" ng-class="openModal ? 'active':''">
            <div class="sv-modal" style="width:30%">
                <div class="sv-modal-head">
                    <label style="color:#fff"></label>
                    <button ng-click="closemodal()" class="btn btn-default btn-xs">X</button>
                </div>
                <div class="sv-modal-body">
                    <div class="sv-content">
                        <div class="col-xs-12">
                            <div class="col-xs-12" style="text-align:center;">
                                <label>El paciente se encuenta apto para programas de promocion y prevencion.¿ desea verlos? </label>
                            </div>
                            <div class="col-xs-6" style="margin-top:20px;text-align:center">
                                <button type="button" class="btn btn-primary btn-imprimir" ng-click="mostrarpypf()" style="width:90px">Si</button>
                            </div>
                            <div class="col-xs-6" style="margin-top:20px;text-align:center">
                                <button type="button" class="btn btn-primary btn-imprimir" ng-click="closemodal();clsmodalaux();" style="width:90px">No</button>
                            </div>
                        </div>

</div>
                </div>
            </div>
        </div>-->        
        <div class="sv-modal-wrapper no-print" ng-class="openModaladmin ? 'active':''">
            <div class="sv-modal" style="width:30%">
                <div class="sv-modal-head">
                    <label style="color:#fff"></label>
                    <button ng-click="closemodaladmin()" class="btn btn-default btn-xs">X</button>
                </div>
                <div class="sv-modal-body">
                    <div class="sv-content">
                        <div class="col-xs-12">
                            <table class="table table-bordered table-hover" style="float: left;margin-left:16px;">
                                <thead>
                                    <tr>
                                        <th>Seleccionar empresa</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr ng-repeat="h in grillaadmin">
                                        <td ng-click="asignarempresa(h)">{{h.admin}}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

</div>
                </div>
            </div>
        </div>

</div>
    <div class="window-footer">
        <ss-barra formulario="#formCita"
                  profilenivel="{{profilenivel}}"
                  nuevo="nuevo()"
                  guardar="guardar()"
                  editar="editar()"
                  eliminar="eliminar()"
                  cancelar="cancelar()"
                  imprimir="imprimir()"
                  actualizar="actualizar()"
                  disabledbtn="disabledbtn"
                  showbtn="showbtn"></ss-barra>
        <ss-buscador data="dataCitas" resultado="rsCitas"></ss-buscador>
        <ss-modal-yes-no data="dataModalYesNo" showview="showviewModalYesNo" result="resultModalYesNo"></ss-modal-yes-no>
        <ss-modal-view data="dataModalView" showview="showviewModalView"></ss-modal-view>
    </div>
</div>
<style>
    .square {
        width: 5px;
        height: 8px;
        background: blue;
        margin-left: 300px;
    }

.citascolor {
        color: blue;
        font: bold;
    }

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 4px !important;
        line-height: 1.42857143 !important;
        vertical-align: top !important;
        border-top: 1px solid #ddd !important;
    }

.horasel {
        background-color: aqua;
    }

i:hover {
        cursor: pointer
    }

.estilotextarea {
        width: 450px;
        height: 20px;
    }

.btn-custom {
        display: block;
        height: 25px;
        text-align: center;
        border: 1px solid;
        border-color: #ccc;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

.row {
        margin-right: 0px;
        margin-left: 0px;
    }

.sv-modal {
        max-width: 750px;
    }

.centermodal {
        width: 50%;
        max-width: 200px;
        min-width: 100px;
        margin: 0 auto;
    }

.botonmodal {
        margin-top: 18px;
        display: block;
        border: 3px solid;
        border-color: #ccc;
    }

.radios {
    }

.in-line-content.title label {
        color: #2196F3;
    }

.in-line-content.title label.float-left {
            padding-top: 0;
        }

.in-line-content .border {
        overflow: hidden;
        padding-bottom: 5px;
    }
</style>