@php

  use App\Libraries\ejLib;
    $var = ejLib::getInstance();
    $soapclient = $var->getWs();
    $wsClave = $var->get_wsClave();
    $opcForm = '';

    $Clave_Pac = '';
    $Id_Doc = '';
    $getTipoNotas='';
    $Id_Especialidad = '';
    $Id_Tipo_Consulta= '';
    $Centro_Sal = '';
    $tipoNota = '';


    if(isset($_GET['clave_pac'])) $Clave_Pac = trim($_GET['clave_pac']); if(isset($_POST['clave_pac'])) $Clave_Pac = trim($_POST['clave_pac']);

     if(isset($_GET['id_doc'])) $Id_Doc = trim($_GET['id_doc']); if(isset($_POST['id_doc'])) $Id_Doc = trim($_POST['id_doc']);

      if(isset($_GET['id_especialidad'])) $Id_Especialidad = trim($_GET['id_especialidad']); if(isset($_POST['id_especialidad'])) $Id_Especialidad = trim($_POST['id_especialidad']);


       if(isset($_GET['id_especialidad'])) $Id_Especialidad = trim($_GET['id_especialidad']); if(isset($_POST['id_especialidad'])) $Id_Especialidad = trim($_POST['id_especialidad']);

    $Id_Tipo_Consulta= trim($xml->respuesta->tipo_consulta);

    $getNombrePac = $soapclient->BuscarPaciente_getLstPorClavePac($Clave_Pac, $wsClave);
    $rsNombrePac = new SimpleXMLElement(utf8_encode($getNombrePac)); 
    $nombrePac = trim($rsNombrePac->respuesta[0]->nombre). ' '.trim($rsNombrePac->respuesta[0]->primer_ap). ' '.trim($rsNombrePac->respuesta[0]->segundo_ap) ;
    $numExpe = trim($rsNombrePac->respuesta[0]->numero_expe);
    $sexo = trim($rsNombrePac->respuesta[0]->nom_sexo);
    $edad = trim($rsNombrePac->respuesta[0]->edad);
    
    $getNombreMedico = $soapclient->AdministrarCuentasDeUsuario_get_Usuario($Id_Doc, $wsClave);
    $rsNombreMedico = new SimpleXMLElement(utf8_encode($getNombreMedico));
    $nombreMedico = trim($rsNombreMedico->respuesta[0]->nombre). ' '.trim($rsNombreMedico->respuesta[0]->paterno). ' '.trim($rsNombreMedico->respuesta[0]->materno) ;

    $getTipoNotas = $soapclient->Agenda_get_TiposNotas_xEspecialidad($Id_Especialidad, 1, $wsClave);
    $rsTipoNotas = new SimpleXMLElement(utf8_encode($getTipoNotas));

    $getTipoEstadoSalud = $soapclient->vCat_EstadoSaludPorTipoConsulta($Id_Tipo_Consulta, $wsClave);
    



  if(isset($_GET['centro_sal'])) $Centro_Sal = trim($_GET['centro_sal']); if(isset($_POST['centro_sal'])) $Centro_Sal = trim($_POST['centro_sal']);


  $folio= trim($xml->respuesta->folio);
  $getNota = $soapclient->ConsultaExterna_getNota_Medica($Centro_Sal, $folio ,$wsClave); 
  $rsNota = new SimpleXMLElement(utf8_encode($getNota));

  
  $tiponota = trim($rsNota->respuesta->tiponota);
  $id_estado_salud = trim($rsNota->respuesta->id_estado_salud); 
  $optDisable = '';
 $opcCursor ='';

  if ($id_estado_salud > 0){
      $optDisable = " display: none";
       $opcCursor =" cursor: not-allowed";
  } 
$href="";
  if ($Id_Especialidad == 2){
     $href="agenda_consultorio_urgencias";
  }  else {
    $href="Agenda_ConsultaExterna";
  }

  

@endphp

<style type="text/css">


.container {
    width: 100% !important;
}


#objNavApartados .fa {
    color:#3c8dbc !important;
}

  svg {
    height: 15 !important;
    width: 15 !important;
    fill:#3c8dbc !important;
  }
/*
.li_left li:hover{
    background-color: rgb(15, 66, 107);
    color: white;
}

.li_left li:hover ul {
  display: block;
  left: 0;
  margin-top: 1em;
  width: 100%;
}  */

.caja{
width: 100%;
background-color: #00000005;
border-radius: 15px;
}

/*pruebas */
.container2 {
  display: inline-flex;
  background: #292632;
  border-radius: 100%;
 /* padding: 20px;*/
  justify-content: center;
  align-items: center;
  min-width: 40px;
  max-width: 70px;
  min-height: 40px;
  max-height: 70px;
  aspect-ratio : 1 / 1;
}

.navbar2{
  background: #29263217;
  border-radius: -13em;
  padding: 10px 25px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-shadow: 4px 4px 0 #484259bd;
  /* max-width: 550px;*/
   width: 100%;
  min-width: 300px;
  /*margin: 20px;*/
  z-index: 20;
}

.content-wrapper2{
  width: 100%;
 /* height: 100%;
  position: absolute;*/
  display: flex;
  justify-content: center;
  align-items: center;
}


a:hover{
  text-decoration:underline;
}

section, footer, nav{
  display: block;
}


/*----------------------------
  The Navigation Menu
-----------------------------*/


#colorNav > ul{
  width: 450px; /* Increase when adding more menu items */
  margin:0 auto;
}

#colorNav > ul > li{ /* will style only the top level li */
  list-style: none;
  box-shadow: 0 0 10px rgba(100, 100, 100, 0.2) inset,1px 1px 1px #CCC;
  display: inline-block;
  line-height: 1;
  margin: 1px;
  border-radius: 38px;
  position:relative;
}

#colorNav > ul > li > a{
  color:#000;
  text-decoration:none !important;
  font-size:18px;
  padding: 10px;
}

#colorNav li ul{
  position:absolute;
  list-style:none;
  text-align:center;
  width:180px;
  left:60%;
  margin-left:-110px;
  top:30px;
  font:bold 12px 'Open Sans Condensed', sans-serif;
  
  /* This is important for the show/hide CSS animation */
  max-height:0px;
  overflow:hidden;
  
  -webkit-transition:max-height 0.4s linear;
  -moz-transition:max-height 0.4s linear;
  transition:max-height 0.4s linear;
}

#colorNav li ul li{
  background-color:#313131;
}

#colorNav li ul li a{
  padding:15px;
  color:#fff !important;
  text-decoration:none !important;
  display:block;
}

#colorNav li ul li:nth-child(odd){ /* zebra stripes */
  background-color:#363636;
}

#colorNav li ul li:hover{
  background-color:#444;
}

#colorNav li ul li:first-child{
  border-radius:3px 3px 0 0;
  margin-top:25px;
  position:relative;
}

#colorNav li ul li:first-child:before{ /* the pointer tip */
  content:'';
  position:absolute;
  width:1px;
  height:1px;
  border:5px solid transparent;
  border-bottom-color:#313131;
  left:50%;
  top:-10px;
  margin-left:-5px;
}

#colorNav li ul li:last-child{
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
}

/* This will trigger the CSS */
/* transition animation on hover */

#colorNav li:hover ul{
  max-height:200px; /* Increase when adding more dropdown items */
}


/*----------------------------
  Color Themes
-----------------------------*/


#colorNav li.green{
  /* This is the color of the menu item */
  background-color:#00c08b;
  
  /* This is the color of the icon */
  color:#127a5d;
}

#colorNav li.red{   background-color:#ea5080;color:#aa2a52;}
#colorNav li.blue{    background-color:#53bfe2;color:#2884a2;}
#colorNav li.blue2{    background-color:#35b0ad;color: #16637c;}

#colorNav li.yellow{  background-color:#f8c54d;color:#ab8426;}
#colorNav li.purple{  background-color:#df6dc2;color:#9f3c85;}
#colorNav li.orange{  background-color:#FF5500;color:#FF9966;}


#objNavApartados .fa:hover, .fa:active { 
  color:#e5e5e5;
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3); 
}


/* resources/css/style.css */


/*body {
  font-family: Arial, sans-serif;
}*/

.sidebar2 {
  min-height: 100vh;
 /* background-color: #f8f9fa; */
  padding-top: 20px;
  background-color: #00000005;
  border-radius: 15px;
}
/*
.caja{
width: 100%;
background-color: #00000005;
border-radius: 15px;
}*/

.content-area {
  padding: 20px;
  background-color: #fff;
  min-height: 100vh;
  border-radius: 10px;
  width: -webkit-fill-available;
}



/*{
    text-decoration: none;
    color:white;
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
} */

ul {
  
    text-decoration: none;
    color:white;
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}







</style>








    <div class="container">
      <div class="row row-offcanvas row-offcanvas-left">
          <div class="row-offcanvas row-offcanvas-right">
             
            
            <div class="col-xs-12 col-sm-12">
              
              <div class="row" >
                <div class= "box-body">
                  <div class="row alinear_centrado">
                    <div id="obj_iniciaNota" name="obj_iniciaNota"></div>                      
                      <div class="alinear_izquierda">
                      
                          <span>Nota Médica</span>
                    

                    
                          
                    </div>

                <!-- pruebas -->
                <div class="content-wrapper2">
  <div class="navbar2">
   <nav id="colorNav">
    <ul>
        <li class="yellow">
            <a href="administrar-micuenta" class="fa fa-sign-in" title="Salir"></a>
            
        </li>
             <li class="green">
            <a href="#" class="fa fa-edit"></a>
            
        </li>
             <li class="blue" >
            <a href="#" class="fa fa-files-o" title="Tipo de Nota" style=" {{ $opcCursor }};"></a>
            <ul style="{{ $optDisable }};" >
                @foreach ($rsTipoNotas->respuesta as $acceso)
                        <li class="li_right" id="{{ utf8_decode($acceso->id_tiponota) }}" onclick="var idTipoNota = $(this).attr('id'); idNombreEsp = $(this).text(); centro_sal = {{ $Centro_Sal }}; Clave_Pac = {{ $Clave_Pac }}; /*$('#txtNotaMedica').val(idNombreEsp.trim()); */ folio = {{ $folio }};
                          $('#objNavApartados').removeClass('hidden');  
                          jqGetAjaxShort_execFn('agenda_getLstApartadosNota','objNavApartados', {idTipoNota: idTipoNota, folio: folio, centro_sal: centro_sal, Clave_Pac: Clave_Pac },   $('#txtNotaMedica').val(idNombreEsp.trim()));  SmoothScrollTo('#objNavApartados'); ">
                          <a style="white-space: normal;" href="#" data-idTipoNota="{{ utf8_decode($acceso->id_tiponota) }}">{{ utf8_decode(trim($acceso->titulonota)) }}</a>
                        </li>
                       @endforeach
            </ul>
        </li>
        <li class="red">
            <a href="#" class="fa fa-trash"></a>
            
        </li>

        <li class="blue2" >

          <a href="#" class="fa fa-list-alt" title="Historia Clínica " style=""></a>
          <ul style="" >
               <li class="li_right">  <a style="white-space: normal;" href="#" onclick="   $('#cnt_apartados').removeClass('hidden');  var folio = {{ $folio }};  var centro_sal = {{ $Centro_Sal }}; var Clave_Pac = {{ $Clave_Pac }};  jqGetAjaxShort('historiaclinica/patologicos','divApartados', { folio: folio, centro_sal: centro_sal, Clave_Pac: Clave_Pac });">Patológicos</a> </li>
               <li class="li_right"> <a style="white-space: normal;" href="#" >No patológicos</a></li>
               <li class="li_right"><a style="white-space: normal;" href="#" >Heredo Familiar</a>  </li>
          </ul>
        </li>

        
        <li class="yellow" >
            <a href="{{$href}}" class="fa fa-calendar" title="Agenda"></a>
            
        </li>
    </ul>
</nav>
  </div>
</div>
                <!-- termina pruebas-->    
                <!--
                 <div class="content-wrapper2 row alinear_centrado">

                  <div class="navbar2 btn-group" role="group" aria-label="Button group with nested dropdown">
                    <div class="col-sm-2">
                            <button type="button" class="btn btn-primary btn-sm"><i class="fa fa-sign-in"></i>
                            </button>
                    </div>
                    
                    <div class="col-sm-2">        
                            <button type="button" class="btn btn-secondary"><i class="fa fa-edit"></i></button>
                    </div>   
                    <div class="col-sm-2">
                      <button class="btn btn-default dropdown-toggle fa fa-files-o" type="button" data-toggle="dropdown" title="Tipo de Nota"  {{ $optDisable }} >&nbsp;
                    <span class="caret">&nbsp;</span>
                  </button>

                    <ul class="dropdown-menu pull-right" id="menuTipoNota" name ="menuTipoNota">
                      <h4 class="dropdown-header">Tipo de Nota</h4>
                       
                       @foreach ($rsTipoNotas->respuesta as $acceso)
                        <li class="li_right" id="{{ utf8_decode($acceso->id_tiponota) }}" onclick="var idTipoNota = $(this).attr('id'); idNombreEsp = $(this).text(); centro_sal = {{ $Centro_Sal }}; Clave_Pac = {{ $Clave_Pac }}; /*$('#txtNotaMedica').val(idNombreEsp.trim()); */ folio = {{ $folio }};
                          $('#objNavApartados').removeClass('hidden');  
                          jqGetAjaxShort_execFn('agenda_getLstApartadosNota','objNavApartados', {idTipoNota: idTipoNota, folio: folio, centro_sal: centro_sal, Clave_Pac: Clave_Pac },   $('#txtNotaMedica').val(idNombreEsp.trim()));  SmoothScrollTo('#objNavApartados'); ">
                          <a style="white-space: normal;" href="#" data-idTipoNota="{{ utf8_decode($acceso->id_tiponota) }}">{{ utf8_decode(trim($acceso->titulonota)) }}</a>
                        </li>
                       @endforeach
                    </ul>
                    </div>     
                         
                                      
                    <div class="col-sm-2">      
                            <button type="button" class="btn btn-secondary"><i class="fa fa-trash"></i> </button>
                    </div>        
                  </div>
                </div>  -->    
                @if(isset($rsNota->respuesta->folio))
                <input type="hidden" name="h_fol" id="h_fol" value="{{ $rsNota->respuesta->folio }}">
                @else
                    <input type="hidden" name="h_fol" id="h_fol" value="">
                @endif
                       
                <div class="row"></div>
                    
                <div class="row margenSuperior">
                  <div class="col-sm-2">
                    <div class="input-group input-group-sm">
                      <span class="input-group-addon" id="sizing-addon3" style="background: #eee">Folio:</span> <input {!! $opcForm !!} type="text" id="txtPrimerAp" name="txtPrimerAp" class="form-control" width="100%" height="100%" placeholder="[a-z 1-9]" title="Proporciona el primer apellido del usuario del servicio" value="{{ $xml->respuesta->folio }}" disabled>

                    </div>
                  </div>

                 <div class="col-sm-2">
                  <div class="input-group input-group-sm">
                    <span class="input-group-addon" id="sizing-addon3" style="background: #eee">Tipo de Nota:</span> 
                    @if(isset($rsNota->respuesta->titulonota))
                      <input {!! $opcForm !!} type="text" id="txtNotaMedica" name="txtNotaMedica" class="form-control" width="100%" height="100%" placeholder="[a-z 1-9]" value="{{utf8_decode($rsNota->respuesta->titulonota) }}" disabled>
                    @else
                       <input {!! $opcForm !!} type="text" id="txtNotaMedica" name="txtNotaMedica" class="form-control" width="100%" height="100%" placeholder="[a-z 1-9]" value="" disabled>
                    @endif  
                  </div>
                </div>

                <div class="col-sm-4">
                  <div class="input-group input-group-sm">
                    <span class="input-group-addon" id="sizing-addon3" style="background: #eee">Médico:</span> <input {!! $opcForm !!} type="text" id="txtPrimerAp" name="txtPrimerAp" class="form-control" width="100%" height="100%" placeholder="[a-z 1-9]" title="" value="{{ utf8_decode($nombreMedico)}}" disabled>

                  </div>
                </div>
                 <div class="col-sm-2">
                  <div class="input-group input-group-sm">
                    <span class="input-group-addon" id="sizing-addon3" style="background: #eee">Num. Exp.:</span> <input {!! $opcForm !!} type="text" id="txtPrimerAp" name="txtPrimerAp" class="form-control" width="100%" height="100%" placeholder="[a-z 1-9]" title="" value="{{ utf8_decode($numExpe)}}" disabled>

                  </div>
                </div>
                 <div class="col-sm-2">
                  <div class="input-group input-group-sm">
                    <span class="input-group-addon" id="sizing-addon3" style="background: #eee">Edad:</span> <input {!! $opcForm !!} type="text" id="txtEdad" name="txtEdad" class="form-control" width="100%" height="100%" placeholder="[a-z 1-9]" title="" value="{{ utf8_decode($edad)}}" disabled>

                  </div>
                </div>

              </div>
                     <div class="row margenSuperior">
                       <div class="row alinear_centrado">
                        <div class="col-sm-2">
                          <div class="input-group input-group-sm">
                            <span class="input-group-addon" id="sizing-addon3" style="background: #eee">Fecha:</span> <input {!! $opcForm !!} type="text" id="txtPrimerAp" name="txtPrimerAp" class="form-control" width="100%" height="100%" placeholder="[a-z 1-9]" title="" value="{{ $xml->respuesta->fecha }}" disabled>

                          </div>

                        </div>

                        <div class="col-sm-2">
                          <div class="input-group input-group-sm">
                            <span class="input-group-addon" id="sizing-addon3" style="background: #eee">Hora:</span> <input {!! $opcForm !!} type="text" id="txtPrimerAp" name="txtPrimerAp" class="form-control" width="100%" height="100%" placeholder="[a-z 1-9]" title="" value="{{ $xml->respuesta->hora }}" disabled>

                          </div>
                          
                        </div>

                         <div class="col-sm-3">
                          <div class="input-group input-group-sm">
                            <span class="input-group-addon" id="sizing-addon3" style="background: #eee">Estado de Salud:</span> 
                            @if(isset($rsNota->respuesta->estadosalud))
                               {!! $var->getView('Catalogos\VistasController@getLstEstadoSaludPorEspecialidad','id_tipo_consulta='.$Id_Tipo_Consulta.'&idEstadoSalud='.$id_estado_salud); !!}
                            @else
                              {!! $var->getView('Catalogos\VistasController@getLstEstadoSaludPorEspecialidad','id_tipo_consulta='.$Id_Tipo_Consulta); !!}
                            @endif 
                          </div>
                        </div>

                        <div class="col-sm-3">
                          <div class="input-group input-group-sm">
                            <span class="input-group-addon" id="sizing-addon3" style="background: #eee">Paciente:</span> <input {!! $opcForm !!} type="text" id="txtPrimerAp" name="txtPrimerAp" class="form-control" width="100%" height="100%" placeholder="[a-z 1-9]" title="" value="{{utf8_decode($nombrePac)}}" disabled style="font-size: 10;">

                          </div>
                        </div>
                        <div class="col-sm-2">
                          <div class="input-group input-group-sm">
                            <span class="input-group-addon" id="sizing-addon3" style="background: #eee">Sexo:</span> <input {!! $opcForm !!} type="text" id="txtPrimerAp" name="txtPrimerAp" class="form-control" width="100%" height="100%" placeholder="[a-z 1-9]" title="" value="{{utf8_decode($sexo)}}" disabled>

                          </div>
                        </div>
                     </div>
                      </div>
                      </div>
                    </div>  
              </div>
              <!--

              <div class="col-xs-6 col-sm-2 sidebar-offcanvas" id="sidebarLeft" role="navigation">
               <div class=" sidebar-nav caja" id= "objNavApartados" name="objNavApartados">
                
              </div>

              </div>
              
              <div class="col-xs-6 col-sm-10 sidebar-offcanvas " id="divApartados_" name="divApartados_"> 
              
              </div>

           
             -->
      

            </div>

           

          
          
        </div>

      </div><!--/row-->
        
    
    <div class="container-fluid">
    <div class="row">

      <!-- Left Sidebar -->
      <!-- Left Sidebar Toggle Button -->


<!-- Right Sidebar Toggle Button -->
     
      <nav id="objNavApartados" class="col-md-3 col-lg-2 sidebar2 bg-light ">


      </nav>
  

      <!-- Main Content -->
      <main class="col-md-9 col-lg-10">
        <div class="content-area" id="cnt_apartados" name="cnt_apartados" >
             <div id="divApartados" name="divApartados">
        </div>
      </main>

      <!-- Right Sidebar -->

     



    </div>
  </div>
    




   
    <footer>
      <div class="row alinear_centrado">
       

      <!--   <a href="#" id="btnImprimir" name="btnImprimir" class="btn btn-sm btn-primary"> Imprimir</a>

        <a href="{{ $href }}" class="btn btn-sm  btn-sm btn-danger">Cancelar</a>
        <a href="{{ $href }}" class="btn btn-sm  btn-sm btn-info">Cerrar</a> -->
      </div>
    </footer>
  </div><!--/.container-->



    
<script type="text/javascript">
  

  setTimeout(function(){
    
    $('#objNavApartados').addClass('hidden'); 
    $('#cnt_apartados').addClass('hidden'); 
      var folioNota = $('#h_fol').val();
      var folio = {{ $folio }};
      var centro_sal = {{ $Centro_Sal }}; 
      var Clave_Pac = {{ $Clave_Pac }};
      var idTipoNota = '{{ $tiponota }}';
      var estado_salud = '';

      if (folioNota != ''){
        $('#objNavApartados').removeClass('hidden');  
        $('#cnt_apartados').removeClass('hidden');  
         jqGetAjaxShort("agenda_getLstApartadosNota", "objNavApartados", {idTipoNota: idTipoNota, folio: folio, centro_sal: centro_sal, Clave_Pac: Clave_Pac, estado_salud: estado_salud });

        /*  jqGetAjaxShort("agenda_getLstApartadosNota", "leftSidebar", {idTipoNota: idTipoNota, folio: folio, centro_sal: centro_sal, Clave_Pac: Clave_Pac, estado_salud: estado_salud });*/

      }
  }, 500);  

 

  var upEstadoSalud = function(estado_salud){
    idEstadoSalud = estado_salud;
    var folio = {{ $folio }};
    var centro_sal = {{ $Centro_Sal }}; 
    var Clave_Pac = {{ $Clave_Pac }};
    if (idEstadoSalud != '' ) {
        jqGetAjaxShort("upsert_estadoSalud","obj_iniciaNota", {"centro_sal": centro_sal, "folio": folio, "estado_salud": idEstadoSalud });
    }
   
    
   
}


$("#accordion").on("hide.bs.collapse show.bs.collapse", e => {
  $(e.target)
    .prev()
    .find("i:last-child")
    .toggleClass("fa-minus fa-plus");
});


$(document).on('click', '#tblModalMedicamento .medicamento', function () {    
   
        
        $('#defaultModal').modal('hide');
        $tr = $(this);
        
        var clave = $tr.data('clave');
        var yaExiste=false;
        var editable =  $('#h_editable').val();
        var fechaMin = '';
        var fecha = new Date();
        var dia = ("0" + fecha.getDate()).slice(-2);
        var mes = ("0" + (fecha.getMonth() + 1)).slice(-2);

        var fechaMin = fecha.getFullYear()+"-"+(mes)+"-"+(dia);
    
        if (editable == 0){
          
        } else {
          fechaMin = '';
        }
        $("#txtMedicamento").val('');
        $("#tablaprueba tr").find('td:eq(0)').each(function () {
           //obtenemos la clave del medicamento de la celda
           clave_tr = $(this).html();
          //comparamos para ver si la clave es igual a la seleccionada
          if(clave_tr==clave){
            yaExiste=true;
           
           
          }
 
        });
        if(yaExiste){
           $.notify("El medicamento seleccionado ya existe");
            return false;
        }
        var clave_incr = $tr.data('clave_incr');
        var medicamento = $tr.data('medicamento');
        var grupo = $tr.data('grupo');
        if (grupo == 2){
          cantidadMax = 2;
        } else {cantidadMax = '';}
        var txtDosis =  '<textarea class="form-control" id="txt_dosis" rows="5" style="font-size: 12px; width: 100px;"></textarea>';
        var txtCantidad = '<input type="number" class="form-control" style="font-size: 12px;" title="" id="txtCantidad" name="txtCantidad" width="100%" height="100%" min="1"> ';
        var txtF_Ini= '<input type="text" id="txtFechaIni" name="txtFechaIni" class="form-control is-datepick" placeholder="[dd/mm/aaaa]" title="Proporciona la fecha de inicio" width="100%" height="100%" style="font-size: 12px;">';
        var dias= '<input type="number" class="form-control" style="font-size: 12px;" title="" id="txtDias" name="txtDias" width="100%" height="100%" min="1"> ';
        var txtF_Fin='<input type="text" id="txtFechaFin" name="txtFechaFin" class="form-control is-datepick" placeholder="[dd/mm/aaaa]" title="Proporciona la fecha de fin" width="100%" height="100%" style="font-size: 12px;">';
        var txtObservaciones ='<textarea class="form-control" id="txt_observaciones" rows="5" style="font-size: 12px; width: 100px;"></textarea> ';
        var chk_administrado ='<input type="checkbox" id="chk_administrado" name="chk_administrado" value="1" >';
        //var catalogo = getvCat_ViasAdministracion();
        var opciones =  '<br><span class="fa fa-check tirar2" title="Aceptar"></span> &nbsp; <span class="fa fa-times tirar"></span>';
     
        document.getElementById("tablaprueba").insertRow(-1).innerHTML = '<td>'+clave+'</td><td style="width: 150px; font-size: 11px;">'+medicamento+'</td><td id="viewVia" style="width: 200px;">'+getvCat_ViasAdministracion()+'</td><td class="id_via" style="display: none;"></td><td style="width: 250px;"><textarea class="form-control" id="txt_dosis" rows="5" style="font-size: 12px; width: 100px;"></textarea></td><td style="width: 80px;"><input type="number" class="form-control" style="font-size: 12px;" title="" id="txtCantidad" name="txtCantidad" width="100%" height="100%" min="1" value="1" max="'+cantidadMax+'"  oninput="limitarValor(this,'+cantidadMax+')"> </td> <td><input type="date" id="txtFechaIni" name="txtFechaIni" class="form-control is-datepick" placeholder="[dd/mm/aaaa]" title="Proporciona la fecha de inicio" width="100%" height="100%" style="font-size: 12px;" min='+fechaMin+'></td><td><input type="number" class="form-control" style="font-size: 12px; width: 57px;"  id="txtDias" name="txtDias"  min="1" value="0"> </td><td><input type="date" id="txtFechaFin" name="txtFechaFin" class="form-control is-datepick" placeholder="[dd/mm/aaaa]" title="Proporciona la fecha de fin" width="100%" height="100%" style="font-size: 12px;" min='+fechaMin+'></td><td style="width: 200px;"><textarea class="form-control" id="txt_observaciones" rows="5" style="font-size: 12px; width: 100px;"></textarea></td><td style="text-align: center;"><input type="checkbox" id="chk_administrado" name="chk_administrado" value="1"></td><td style="text-align: center;"><br><span class="fa fa-check tirar2" title="Aceptar" id="btnAceptar" name ="btnAceptar" data-fecha =""></span> &nbsp; <span class="fa fa-times tirar" id="borrar" onclick="borrarFila(this)"></span></td>';
        $('#btn_listar_med').attr('disabled',true);   
        $('#btn_listar_med').addClass('disabled');    
       SmoothScrollTo('#final');
      
         

  });


$(document).on('click', '#tblMedicamentos #btnAceptar', function () { 
 
      var folio = $('#h_folio').val();    
      var centro_sal= $('#h_centro_sal').val();
      var clave= $(this).parents("tr").find("td").eq(0).html();
      var id_via = $(this).parents("tr").find("td").eq(3).html();
      var dosis = $(this).parents("tr").find('textarea').eq(0).val();  
      var cantidad = $(this).parents("tr").find('input[type="number"]').eq(0).val();
      var dias = $(this).parents("tr").find('input[type="number"]').eq(1).val();
      var fechaIni=  $(this).parents("tr").find('input').eq(1).val();  
      var fechaFin=  $(this).parents("tr").find('input').eq(3).val();  
      var observaciones  = $(this).parents("tr").find('textarea').eq(1).val();  
      var administrado =  0;
      var editable= $('#h_editable').val();
      var consulta = 0;
      if ($(this).parents("tr").find('input[type="checkbox"]').eq(0).prop('checked')) {
           administrado = 1;
      } else {
          administrado = 0;
      }

      if (editable== 1){ // editable 1: Estadistica, para CE: 0
        consulta = 0; // consulta es 0 ya que se está complementando desde Estadisticas
      } else {
        consulta = 1;
      }
         
      // $(this).parents("tr").find('input[type="checkbox"]').eq(0).attr('checked',true); 
      // Validaciones pra grabar medicamentos recetados

      
      if(id_via==''){
        $.notify('No se ha especificado la vía de administración');
        $(this).parents("tr").find('select').eq(0).focus(); 
        return false;
     }
     if(dosis==''){
        $.notify('No se ha especificado la dosis del medicamento');
        $(this).parents("tr").find('textarea').eq(0).focus(); 
        return false;
     }

     if(cantidad< 1){
        $.notify('No se ha especificado la cantidad de medicamento');
        $(this).parents("tr").find('input[type="number"]').eq(0).focus();
        return false;
     }

     if(fechaIni==''){
        $.notify('No se ha especificado la fecha de inicio de medicamento');
        $(this).parents("tr").find('input').eq(1).focus();  
        return false;
     }   
     if (dias==0) {
        $.notify("Favor de capturar los días en número mayor a cero.");
        $(this).parents("tr").find('input[type="number"]').eq(1).focus();
        return false;
     }
     if(fechaFin==''){
        $.notify('No se ha especificado la fecha fin de medicamento');
        $(this).parents("tr").find('input').eq(3).focus();  
        return false;
     }

    if(observaciones==''){
        $.notify('No se ha especificado las observaciones del medicamento');
       $(this).parents("tr").find('textarea').eq(1).focus();
        return false;
     }


   

     
      var parametros = {
                folio: folio,
                centro_sal: centro_sal,
                clave: clave,
                dosis: dosis,
                cantidad: cantidad,
                id_via: id_via,
                fechaIni: fechaIni,
                fechaFin: fechaFin,
                observaciones: observaciones,
                administrado: administrado,
                consulta: consulta
              }; 


      //  jqGetAjaxShort("add_medicamentosReceta","tblMedicamentos",  parametros);
       jqGetAjaxShort_execFn("add_medicamentosReceta","tblMedicamentos", parametros, 
             $('#btn_listar_med').attr('disabled',false),$('#btn_listar_med').removeClass('disabled'), $('#btnImprimir').removeClass('hidden') );
      
    
});  


 $(document).on('click', '#tblMedicamentos #btnUpd', function () { 

    var folio = $('#h_folio').val();    
    var centro_sal= $('#h_centro_sal').val();
    var clave= $(this).parents("tr").find("td").eq(0).html();
    var id_via = $(this).parents("tr").find("td").eq(3).html();
    var dosis = $(this).parents("tr").find('textarea').eq(0).val();  
    var cantidad = $(this).parents("tr").find('input[type="number"]').eq(0).val();
    var dias = $(this).parents("tr").find('input[type="number"]').eq(1).val();
    var fechaIni=  $(this).parents("tr").find('input').eq(1).val();  
    var fechaFin=  $(this).parents("tr").find('input').eq(3).val();  
    var observaciones  = $(this).parents("tr").find('textarea').eq(1).val();  
     var administrado =  0;

      if ($(this).parents("tr").find('input[type="checkbox"]').eq(0).prop('checked')) {
           administrado = 1;
      } else {
          administrado = 0;
      }
    // Validaciones pra grabar medicamentos recetados
    if(id_via==''){
      $.notify('No se ha especificado la vía de administración');
      $(this).parents("tr").find('select').eq(0).focus(); 
      return false;
   }
   if(dosis==''){
      $.notify('No se ha especificado la dosis del medicamento');
      $(this).parents("tr").find('textarea').eq(0).focus(); 
      return false;
   }

   if(cantidad< 1){
      $.notify('No se ha especificado la cantidad de medicamento');
      $(this).parents("tr").find('input[type="number"]').eq(0).focus();
      return false;
   }

   if(fechaIni==''){
      $.notify('No se ha especificado la fecha de inicio de medicamento');
      $(this).parents("tr").find('input').eq(1).focus();  
      return false;
   }   
   if (dias==0) {
      $.notify("Favor de capturar los días en número mayor a cero.");
      $(this).parents("tr").find('input[type="number"]').eq(1).focus();
      return false;
   }
   if(fechaFin==''){
      $.notify('No se ha especificado la fecha fin de medicamento');
      $(this).parents("tr").find('input').eq(3).focus();  
      return false;
   }

 

 
    var parametros = {
              folio: folio,
              centro_sal: centro_sal,
              clave: clave,
              dosis: (dosis.split("\n").join("")).trim(),
              cantidad: cantidad,
              id_via: (id_via.split("\n").join("")).trim(),
              fechaIni: fechaIni,
              fechaFin: fechaFin,
              observaciones: (observaciones.split("\n").join("")).trim(),
              administrado: administrado
            }; 

    
     jqGetAjaxShort("upd_medicamentosReceta","tblMedicamentos",  parametros );
    // setTimeout(verNotaUrg(folio, centro_sal), 500);
    
  });








</script> 
 
     

