<div id="page-content-wrapper">
<!-- Keep all page content within the page-content inset div! -->
<div class="page-content inset">
<div class="row">
<div class="col-md-12 div-centrado">

<head>
   <!-- Direcciona al javascript para hacer las validaciones correspondientes -->
   <script type="text/javascript" src="<?php echo base_url()?>assets/dist/js/expediente.js"></script>
    <link rel="stylesheet" href="<?php echo base_url().'assets/dist/css/validacion.css'?>">

    <link rel="stylesheet" href="<?php echo base_url().'assets/plugins/bootstrap-multiselect/kendo-2019-3-917-kendo.default-v2.min.css'?>" />
    <!--<script src="<?php echo base_url()?>assets/plugins/bootstrap-multiselect/kendo-2019-3-917-jquery.min.js"></script>
--><script src="<?php echo base_url()?>assets/plugins/bootstrap-multiselect/kendo-2019-3-917-kendo.all.min.js"></script>

    <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' />
<!-- ///////////////////////////js y css necesarias para la firma digital -->
  <link rel="stylesheet" href="<?php echo base_url().'assets/plugins/signature_pad-master/docs/css/signature-pad.css'?>">
<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="<?php echo base_url().'assets/plugins/signature_pad-master/docs/css/ie9.css'?>">
  <![endif]-->
<script type="text/javascript" async="" src="<?php echo base_url()?>assets/plugins/signature_pad-master/docs/js/google-analytics-ga.js"></script>
<!-- /////////////////////////// fin de los js y css necesarias para la firma digital -->
<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>

  </head>
<style>
  .filasEnfermedades{
  height: 30px !important;
}

.estiloDiv1Expediente{
  background: #F9F9F9; 
  border-top: 1px solid #f4f4f4; 
  padding: 8px; 
  line-height: 1.42857143; 
  vertical-align: top; 
  text-transform: uppercase !important;
  font-size: 16px !important;
}

strong{
  font-size: 16px !important;
}
hr {
    margin-top: 15px !important;
    margin-bottom: 5px !important;
    width: 100%; 
    height: 2px; 
    background-color: black;
}

#clienteContestar, #firmar{
    /*background-color: #A71929;*/
    /*border-color: #A71929;*/
    color: #fff;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 16px;
    text-align: center;
    border-radius: 3px;
        border: 1px solid transparent;
  }
#CheckLabel{
  font-weight: normal;
  line-height: 50% !important;
}
</style>


<center><h1>Crear expediente</h1></center>
</div>
<div class="col-md-8 div-centrado">
<div class="col-md-4"><br><br><br></div>
<div class="col-md-4">
  <button class="btn-block" id="clienteContestar" style="background: #7f548c; border: 1px solid #7f548c;">CONTESTAR CLIENTE</button><br><br><br>
</div>
<div class="col-md-4"><br><br><br></div>


<body onload="mueveReloj()"> 

<form action="<?php echo base_url();?>expediente/cosmetologo/expedienteC/guardar/<?=$this->uri->segment(5)?>" method="POST"  name="form_reloj"  onSubmit="return false" id="frm_crearExpedienteC">
<!-- ////////////////////////////////////// -->
<div class="col-md-12 estiloDiv1Expediente">

<div class="col-md-12 estiloDiv1Expediente">
  <strong>Folio</strong>

   <?php  
 $IdClientes= $this->uri->segment(5);
 $this->db->where('IdClientes', $IdClientes);
      $query=$this->db->get('clientes');
  ?>
<input type="text" class="form-control" id="NombreID" name="Nombre"  value="<?=$IdClientes?>" maxlength='45' placeholder="Id Cliente" required readonly="readonly" >
</div>

<div class="col-md-6 estiloDiv1Expediente">
    <strong>Nombre:</strong>
  <input type="text" class="form-control" id="NombreCliente" name="NombreCliente" value="<?=$NombreCliente?>"   maxlength='11' placeholder="Nombre completo" required readonly="readonly" >
  </div>

<div class="col-md-6 estiloDiv1Expediente">
<strong>Edad: </strong>
<!-- ////////////////////////////////////// -->
<input type="text" class="form-control" id="EdadCliente" name="EdadCliente" value="<?=$EdadCliente?>"   maxlength='11' placeholder="edad" required readonly="readonly">
</div>

<div class="col-md-6 estiloDiv1Expediente">
<strong>Fecha Nacimiento: </strong>

<input type="text" class="form-control" id="FechaNacimientoCliente" name="FechaNacimientoCliente" value="<?=date('d-m-Y', strtotime($FechaNacimientoCliente))?>"   maxlength='11' placeholder="00-00-0000" required readonly="readonly">
</div>

<div class="col-md-6 estiloDiv1Expediente">
<strong>Sexo:</strong>

<input type="text" class="form-control" id="SexoCliente" name="SexoCliente" value="<?=$SexoCliente?>"   maxlength='11' placeholder="sexo" required readonly="readonly">
</div>


  
<input type="text" class="form-control" id="txt_idcliente" name="txt_idcliente"   value="<?=$IdClientes?>" maxlength='45' placeholder="Id Cliente" required readonly="readonly" style="visibility:hidden;" >

<input type="text" class="form-control" id="tipoUsuario" name="tipoUsuario"  value="cosmetologo" style="display: none;">

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

<div class="col-md-12 estiloDiv1Expediente">
  <strong>1. Marque si está bajo supervisión médica</strong>
  </div>

  <div class="col-md-12 estiloDiv1Expediente">
    <label id="CheckLabel"><input type="checkbox" name="SupervisionMedica[]" class="form-check-input" value="Supervicion medica">&nbsp;&nbsp;Supervisión médica </label>
  </div>
  <div class="col-md-12 estiloDiv1Expediente">
    <label id="CheckLabel"><input type="checkbox" name="SupervisionMedica[]" class="form-check-input" value="Tratamiento medico">&nbsp;&nbsp;Tratamiento médico </label>
  </div>
  <div class="col-md-12 estiloDiv1Expediente">
    <label id="CheckLabel"><input type="checkbox" name="SupervisionMedica[]" class="form-check-input" value="Tratamiento quirurgico">&nbsp;&nbsp;Tratamiento quirúrgico </label>
  </div>
  <div class="col-md-12 estiloDiv1Expediente">
    <label id="CheckLabel"><input type="checkbox" name="SupervisionMedica[]" class="form-check-input" value="Cirugias plasticas">&nbsp;&nbsp;Cirugías plásticas </label>
  </div>
  <div class="col-md-12 estiloDiv1Expediente">
    <label id="CheckLabel"><input type="checkbox" name="SupervisionMedica[]" class="form-check-input" value="Autorizacion medica">&nbsp;&nbsp;Autorización médica </label>
  </div>
 <div class="estiloDiv1Expediente">
    <div class="col-md-12">
      <br><label id="CheckLabel">Especifique:</label>
    </div>
  </div>
    <div class="estiloDiv1Expediente">
    <div class="col-md-12">
      <input type="text" class="form-control" id="especificacionMedica" name="especificacionMedica" maxlength='100' value="" disabled>
    </div>
  </div>

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

<div class="col-md-12 estiloDiv1Expediente ">
  <br>
<strong>2. Marque las enfermedades/afecciones que padece o ha padecido:</strong>
<br>
<br>
</div>

<div class="col-md-12 table-responsive">
  <table class="">
        <tr class="filasEnfermedades">
         <td><label class="checkbox-inline">Claustrofobia</label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Claustrofobia"></td>

         <td><label class="checkbox-inline">Diabetes </label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Diabetes"></td>

         <td><label class="checkbox-inline">Hepatitis</label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Hepatitis"></td>

         <td><label class="checkbox-inline">Cardiopatías </label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Cardiopatias"></td>

         <td><label class="checkbox-inline">Cicatrización queloide </label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Cicatrizacion queloide"></td>
      </tr>
      <tr class="filasEnfermedades">
         <td><label class="checkbox-inline">Vitiligo</label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Vitiligo"></td>

         <td><label class="checkbox-inline">Hipotensión </label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Hipotension"></td>

         <td><label class="checkbox-inline">Migraña</label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Migraña"></td>

         <td><label class="checkbox-inline">Miomas </label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Miomas"></td>

         <td><label class="checkbox-inline"> Hipotiroidismo </label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Hipotiroidismo"></td>
      </tr>
      <tr class="filasEnfermedades">
         <td><label class="checkbox-inline">Retención de liquidos</label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Retencion de liquidos"></td>

         <td><label class="checkbox-inline">Psoriasis </label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Psoriasis"></td>

         <td><label class="checkbox-inline">Herpes </label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Herpes"></td>

         <td><label class="checkbox-inline">Hipertensión </label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Hipertension"></td>

         <td><label class="checkbox-inline">Quistes </label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Quistes"></td>
      </tr>

      <tr class="filasEnfermedades">
         <td><label class="checkbox-inline">Hernias</label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Hernias"></td>

         <td><label class="checkbox-inline">Hipertiroidismo </label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Hipertiroidismo"></td>

         <td><label class="checkbox-inline">Insuficiencia Renal </label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Insuficiencia renal"></td>
         <td><label class="checkbox-inline">Prótesis </label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Protesis"></td>

         <td><label class="checkbox-inline">Dermatitis </label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Dermatitis"></td>
      </tr>

      <tr class="filasEnfermedades">
         <td><label class="checkbox-inline">Marcapasos</label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Marcapasos"></td>

         <td><label class="checkbox-inline">Cáncer </label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Cancer"></td>
         <td><label class="checkbox-inline">Artritis </label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Artritis"></td>
         <td><label class="checkbox-inline">Colesterol Alto  </label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Colesterol alto"></td>

         <td><label class="checkbox-inline">Triglicéridos Altos </label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Trigliceridos altos"></td>
      </tr>

      <tr class="filasEnfermedades">
         <td><label class="checkbox-inline">Epilepsia</label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Epilepsia"></td>

         <td><label class="checkbox-inline">Desajustes Hormonales </label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Desajustes hormonales"></td>
         <td><label class="checkbox-inline">Placas o metales en el cuerpo </label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Placas o metales en el cuerpo"></td>
         <td><label class="checkbox-inline">Insuficiencia Hepática </label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Insuficiencia hepatica"></td>

         <td><label class="checkbox-inline">Problemas circulatorios</label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Problemas circulatorios"></td>
      </tr>

      <tr class="filasEnfermedades">
         <td><label class="checkbox-inline">Problemas Auditivos</label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Problemas auditivos"></td>

         <td><label class="checkbox-inline">Cuperosis</label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Cuperosis"></td>
         <td><label class="checkbox-inline">Rosácea</label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Rosacea"></td>
         <td><label class="checkbox-inline">Acantosis Nigricans</label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Acantosis nigricans"></td>
         <td><label class="checkbox-inline">Pigmentacion</label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Pigmentacion"></td>
      </tr>
      <tr class="filasEnfermedades">
         <td><label class="checkbox-inline">Alergias</label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Alergias"></td>

         <td><label class="checkbox-inline">Implantes</label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Implantes"></td>

         <td><label class="checkbox-inline">Desajustes oseos</label></td>
         <td><input type="checkbox" name="enfermedades[]" class="form-check-input" value="Desajustes oseos"></td>
      </tr>
      <tr class="filasEnfermedades">
         <td><label class="checkbox-inline">Otras</label></td>
         <td><input type="checkbox" name="OtrasEnfermedades" class="form-check-input" value="1" onchange="habilitar(this.checked);">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
         <td colspan="10"><input type="text" class="form-control" id="CualesOtrasEnfermedades" name="CualesOtrasEnfermedades" value="" disabled=""></td>
      </tr>
  </table>

  <br>
</div>

<div class="col-md-12 estiloDiv1Expediente">
  <div class="col-md-12">
    <strong>Si marcó alguna de las enfermedades/afecciones anteriores favor de describir la situación actual:</strong>
      <textarea class="form-control" rows="3" id="ComentariosEnfermedades" name="ComentariosEnfermedades" disabled=""></textarea>
  </div>
</div>

<div class="col-md-12 estiloDiv1Expediente ">
<strong>3. Marque los medicamentos que ha ingerido en los últimos 6 meses:</strong>
<br>
<br>
</div>

<div class="col-md-12 table-responsive">
  <table class="">
        <tr class="filasEnfermedades">
         <td><label class="checkbox-inline">Antiacneicos </label></td>
         <td><input type="checkbox" id="Antiacneicos" name="medicamentosUltimosMeses[]" value="Antiacneicos"></td>

         <td><label class="checkbox-inline">Antiarritmicos</label></td>
         <td><input type="checkbox" id="Antiarritmicos" name="medicamentosUltimosMeses[]" value="Antiarritmicos"></td>

         <td><label class="checkbox-inline">Medicamentos por epilepsia </label></td>
         <td><input type="checkbox" id="epilepsia" name="medicamentosUltimosMeses[]" value="Medicamentos por epilepsia"></td>

         <td><label class="checkbox-inline">Medicamentos orales para diabetes </label></td>
         <td><input type="checkbox" id="MedicamentosDiabetes" name="medicamentosUltimosMeses[]" value="Medicamentos orales para diabetes"></td>

         <td><label class="checkbox-inline">Antibióticos </label></td>
         <td><input type="checkbox" id="Antibioticos" name="medicamentosUltimosMeses[]" value="Antibioticos"></td> 
      </tr>

      <tr class="filasEnfermedades">
         <td><label class="checkbox-inline">Vitaminas</label></td>
         <td><input type="checkbox" id="Vitaminas" name="medicamentosUltimosMeses[]" value="Vitaminas"></td>

         <td><label class="checkbox-inline">Analgésicos</label></td>
         <td><input type="checkbox" id="Analgesicos" name="medicamentosUltimosMeses[]" value="Analgesicos"></td>

         <td><label class="checkbox-inline">Antidepresivos </label></td>
         <td><input type="checkbox" id="Antidepresivos" name="medicamentosUltimosMeses[]" value="Antidepresivos"></td>

         <td><label class="checkbox-inline">Corticoides </label></td>
         <td><input type="checkbox" id="Corticoides" name="medicamentosUltimosMeses[]" value="Corticoides"></td>

         <td><label class="checkbox-inline">Antihistaminicos </label></td>
         <td><input type="checkbox" id="Antihistaminicos" name="medicamentosUltimosMeses[]" value="Antihistaminicos"></td>
      </tr>

      <tr class="filasEnfermedades">
         <td><label class="checkbox-inline">Naturistas</label></td>
         <td><input type="checkbox" id="Naturistas" name="medicamentosUltimosMeses[]" value="Naturistas"></td>

         <td><label class="checkbox-inline">Estimulantes de la pigmentación</label></td>
         <td><input type="checkbox" id="EstimulantesPigmentacion" name="medicamentosUltimosMeses[]" value="Estimulantes de la pigmentacion"></td>

         <td><label class="checkbox-inline">Homeopáticos </label></td>
         <td><input type="checkbox" id="Homeopaticos" name="medicamentosUltimosMeses[]" value="Homeopaticos"></td>
      </tr>

  </table>

</div>

<!-- ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->
<!-- Inician los multiselect -->
<div class="col-md-6">
  <input type="text" name="text_sistemico" id="text_sistemico" value="" style="display: none;">
  <br>
  FOTOSENSIBILIZANTES:
  <select id="sistemico" name="sistemico" multiple="multiple">
    <option name="Medicaciones" value="Medicaciones">• Medicaciones para el acné</option>
    <option name="Sulfamidas" value="Sulfamidas">• Sulfamidas</option>
    <option name="Sulfaguanidina" value="Sulfaguanidina">• Sulfaguanidina</option>
    <option name="Sulpiridina" value="Sulpiridina">• Sulpiridina</option>
    <option name="Sulfatiazol" value="Sulfatiazol">• Sulfatiazol</option>
    <option name="Sulfadimetoxina" value="Sulfadimetoxina">• Sulfadimetoxina</option>
    <option name="Trimetroprim" value="Trimetroprim">• Trimetroprim</option>
  </select>
</div>
<!-- ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->

<div class="col-md-6">
    <input type="text" name="text_anticancerosos" id="text_anticancerosos" value="" style="display: none;">
  <br>
  FÁRMACOS ANTICANCEROSOS:
    <select id="anticancerosos" name="anticancerosos" multiple="multiple">
            <option name="Dacarbazina" value="Dacarbazina">• Dacarbazina</option>
            <option name="Fluorouracilo" value="Fluorouracilo">• Fluorouracilo</option>
            <option name="Metotrexato" value="Metotrexato">• Metotrexato</option>
            <option name="Vinblastina" value="Vinblastina">• Vinblastina</option>
          </select>
</div>
<!-- ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->

<div class="col-md-6">
    <input type="text" name="text_antidepresivos" id="text_antidepresivos" value="" style="display: none;">
 <br>
  ANTIDEPRESIVOS:
  <select id="antidepresivos" name="antidepresivos" multiple="multiple">
            <option name="Amitriptilina" value="Amitriptilina">• Amitriptilina</option>
            <option name="Desoprimida" value="Desoprimida">• Desoprimida</option>
            <option name="Doxepina" value="Doxepina">• Doxepina</option>
            <option name="Imipramina" value="Imipramina">• Imipramina</option>
            <option name="Notriptilina" value="Notriptilina">• Notriptilina</option>
            <option name="Protriptilina" value="Protriptilina">• Protriptilina</option>
            <option name="Trimipramina" value="Trimipramina">• Trimipramina</option>
          </select>
</div>
<!-- ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->

<div class="col-md-6">
    <input type="text" name="text_antihistaminicos" id="text_antihistaminicos" value="" style="display: none;">

  <br>
  ANTIHISTAMÍNICOS:
    <select id="antihistaminicos" name="antihistaminicos" multiple="multiple">
            <option name="Claritin" value="Claritin">• Claritin</option>
            <option name="Clorpromacina" value="Clorpromacina">• Clorpromacina</option>
            <option name="Ciproheptadina" value="Ciproheptadina">• Ciproheptadina</option>
            <option name="Difenhidramina" value="Difenhidramina">• Difenhidramina</option>
            <option name="Perfenazina" value="Perfenazina">• Perfenazina</option>
            <option name="Prometacina" value="Prometacina">• Prometacina</option>
            <option name="Tioridazina" value="Tioridazina">• Tioridazina</option>
            <option name="Triflupromacina" value="Triflupromacina">• Triflupromacina</option>
          </select>
</div> 

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

<div class="col-md-6">
    <input type="text" name="text_anti_inflamatorios" id="text_anti_inflamatorios" value="" style="display: none;">

 <br>
  ANTI-INFLAMATORIOS:
  <select id="anti_inflamatorios" name="anti_inflamatorios" multiple="multiple">
            <option name="Fenilbutazona" value="Fenilbutazona">• Fenilbutazona </option>
            <option name="Indometacina" value="Indometacina">• Indometacina </option>
            <option name="Naproxeno" value="Naproxeno">• Naproxeno</option>
          </select>
</div>

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

<div class="col-md-6">
    <input type="text" name="text_antituberculosos" id="text_antituberculosos" value="" style="display: none;">

  <br>
  ANTITUBERCULOSOS:
    <select id="antituberculosos" name="antituberculosos" multiple="multiple">
            <option name="Isoniazida" value="Isoniazida">• Isoniazida</option>
          </select>
</div>

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

 <div class="col-md-6">
    <input type="text" name="text_antibioticos" id="text_antibioticos" value="" style="display: none;">

 <br>
  ANTIBIÓTICOS:
  <select id="antibioticos" name="antibioticos" multiple="multiple">
            <option name="Acido oxolinico" value="Acido oxolinico">• Ácido oxolínico</option>
            <option name="Demaclocycline" value="Demaclocycline">• Demaclocycline</option>
            <option name="Doxycycline" value="Doxycycline">• Doxycycline</option>
            <option name="Griseofulvin" value="Griseofulvin">• Griseofulvin</option>
            <option name="Methacycline" value="Methacycline">• Methacycline</option>
            <option name="Nalidixic" value="Nalidixic">• Nalidixic</option>
            <option name="Oxytetracyclines" value="Oxytetracyclines">• Oxytetracyclines</option>
            <option name="Sulfacyntine" value="Sulfacyntine">• Sulfacyntine</option>
            <option name="Sulfamethazine" value="Sulfamethazine">• Sulfamethazine</option>
            <option name="Sulfamethizole" value="Sulfamethizole">• Sulfamethizole</option>
            <option name="Sulfamethoxazole" value="Sulfamethoxazole">• Sulfamethoxazole</option>
            <option name="Sulfametoxazol trimethoprim" value="Sulfametoxazol trimethoprim">• Sulfametoxazol-trimethoprim</option>
            <option name="Sulfasalazina" value="Sulfasalazina">• Sulfasalazina</option>
            <option name="Sulfatiazol" value="Sulfatiazol">• Sulfatiazo</option>
            <option name="Sulfisoxazol" value="Sulfisoxazol">• Sulfisoxazol</option>
            <option name="Tetraciclinas" value="Tetraciclinas">• Tetraciclinas</option>
          </select>
</div>

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

<div class="col-md-6">
    <input type="text" name="text_antimalaricos" id="text_antimalaricos" value="" style="display: none;">

  <br>
  ANTIMALÁRICOS:
    <select id="antimalaricos" name="antimalaricos" multiple="multiple">
            <option name="Cloroquina" value="Cloroquina">• Cloroquina</option>
          </select>
</div>

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

 <div class="col-md-6">
    <input type="text" name="text_antipsicoticos" id="text_antipsicoticos" value="" style="display: none;">

 <br>
  FÁRMACOS ANTIPSICÓTICOS:
  <select id="antipsicoticos" name="antipsicoticos" multiple="multiple">
            <option name="Clorpromacina" value="Clorpromacina">• Clorpromacina</option>
            <option name="Flufenacina" value="Flufenacina">• Flufenacina</option>
            <option name="Haloperidol" value="Haloperidol">• Haloperidol</option>
            <option name="Perfenacina" value="Perfenacina">• Perfenacina</option>
            <option name="Piperacetacina" value="Piperacetacina">• Piperacetacina</option>
            <option name="Proclorperacina" value="Proclorperacina">• Proclorperacina</option>
            <option name="Prometacina" value="Prometacina">• Prometacina</option>
            <option name="Tioridacna" value="Tioridacna">• Tioridacna</option>
            <option name="Trifluoperacina" value="Trifluoperacina">• Trifluoperacina</option>
            <option name="Triflupromacina" value="Triflupromacina">• Triflupromacina</option>
            <option name="Trimepracina" value="Trimepracina">• Trimepracina</option>
          </select>
</div> 

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

<div class="col-md-6">
    <input type="text" name="text_asiendad" id="text_asiendad" value="" style="display: none;">

  <br>
  FÁRMACOS PARA ANSIEDAD:
    <select id="asiendad" name="asiendad" multiple="multiple">
            <option name="Amantadina" value="Amantadina">• Amantadina</option>
            <option name="Clordiazepóxido" value="Clordiazepóxido">• Clordiazepóxido</option>
            <option name="Ciproheptadina" value="Ciproheptadina">• Ciproheptadina</option>
            <option name="Nitrazepan" value="Nitrazepan">• Nitrazepan</option>
          </select>
</div>

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

 <div class="col-md-6">
    <input type="text" name="text_antiarritmicos" id="text_antiarritmicos" value="" style="display: none;">

 <br>
  ANTI ARRÍTMICOS:
  <select id="antiarritmicos" name="antiarritmicos" multiple="multiple">
            <option name="Quinidina" value="Quinidina">• Quinidina </option>
            <option name="Amiodarona" value="Amiodarona">• Amiodarona </option>
          </select>
</div>

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

<div class="col-md-6">
    <input type="text" name="text_psicomotores" id="text_psicomotores" value="" style="display: none;">

  <br>
  PSICOMOTORES:
    <select id="psicomotores" name="psicomotores" multiple="multiple">
            <option name="Piritinol" value="Piritinol">• Piritinol</option>
          </select>
</div>

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

 <div class="col-md-6">
    <input type="text" name="text_diureticos" id="text_diureticos" value="" style="display: none;">

 <br>
  DIURÉTICOS:
  <select id="diureticos" name="diureticos" multiple="multiple">
            <option name="Bendroflumethiazide" value="Bendroflumethiazide">• Bendroflumethiazide</option>
            <option name="Bentiacide" value="Bentiacide">• Bentiacide</option>
            <option name="Clorotiacida" value="Clorotiacida">• Clorotiacida</option>
            <option name="Ciclotiazida" value="Ciclotiazida">• Ciclotiazida</option>
            <option name="Furosemida" value="Furosemida">• Furosemida</option>
            <option name="Hidroflumetiazida" value="Hidroflumetiazida">• Hidroflumetiazida</option>
            <option name="Hidroclorotiacida" value="Hidroclorotiacida">• Hidroclorotiacida</option>
            <option name="Metilclotiacida" value="Metilclotiacida">• Metilclotiacida</option>
            <option name="Metolazona" value="Metolazona">• Metolazona</option>
            <option name="Politiacida" value="Politiacida">• Politiacida</option>
            <option name="Quinetazona" value="Quinetazona">• Quinetazona</option>
            <option name="Triclormetiazida" value="Triclormetiazida">• Triclormetiazida</option>
            <option name="Tiazidas" value="Tiazidas">• Tiazidas</option>
          </select>
</div>

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

<div class="col-md-6">
    <input type="text" name="text_edulcorantes" id="text_edulcorantes" value="" style="display: none;">

  <br>
  EDULCORANTES:
    <select id="edulcorantes" name="edulcorantes" multiple="multiple">
            <option name="Ciclamato" value="Ciclamato">• Ciclamato</option>
          </select>
</div>
<!-- ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->

 <div class="col-md-6">
    <input type="text" name="text_hipoglucemiantes" id="text_hipoglucemiantes" value="" style="display: none;">

 <br>
  HIPOGLUCEMIANTES:
  <select id="hipoglucemiantes" name="hipoglucemiantes" multiple="multiple">
            <option name="Acetohexamida" value="Acetohexamida">• Acetohexamida</option>
            <option name="Clorpropamida" value="Clorpropamida">• Clorpropamida</option>
            <option name="Tolazamida" value="Tolazamida">• Tolazamida</option>
            <option name="Tolbutamida" value="Tolbutamida">• Tolbutamida</option>
            <option name="Carbutamida" value="Carbutamida">• Carbutamida</option>
          </select>
</div>

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

<div class="col-md-6">
    <input type="text" name="text_laxantes" id="text_laxantes" value="" style="display: none;">

  <br>
  LAXANTES:
    <select id="laxantes" name="laxantes" multiple="multiple">
            <option name="Triacetildifenol" value="Triacetildifenol">• Triacetildifeno</option>
          </select>
</div>
<!-- ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->

 <div class="col-md-6">
    <input type="text" name="text_psoralenos" id="text_psoralenos" value="" style="display: none;">

 <br>
  PSORALENOS:
  <select id="psoralenos" name="psoralenos" multiple="multiple">
            <option name="Novo melanidin" value="Novo melanidin">• Novo-melanidin</option>
            <option name="Aceite esencial" value="Aceite esencial">• Aceite esencial de lima</option>
          </select>
</div>

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

<div class="col-md-6">
    <input type="text" name="text_tetraciclinas" id="text_tetraciclinas" value="" style="display: none;">

  <br>
  TETRACICLINAS:
    <select id="tetraciclinas" name="tetraciclinas" multiple="multiple">
            <option name="Dermeclococlina" value="Dermeclococlina">• Dermeclococlina</option>
            <option name="Doxiciclina" value="Doxiciclina">• Doxiciclina</option>
            <option name="Minociclina" value="Minociclina">• Minociclina</option>
            <option name="Tetraciclina" value="Tetraciclina">• Tetraciclina</option>
            <option name="Clortetraciclina" value="Clortetraciclina">• Clortetraciclina</option>
            <option name="Metaciclina" value="Metaciclina">• Metaciclina</option>
          </select>
</div>

<!-- terminan los multiselect -->
<!-- ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->
  <div class="col-md-12 estiloDiv1Expediente">
    <br>
    <div class="col-md-2">

      <label id="CheckLabel">Otros &nbsp;&nbsp;<input type="checkbox" id="OtrosMedicamentos" name="OtrosMedicamentos"  class="form-check-input" value="1"> </label>
    </div>
    <div class="col-md-10">
      <input type="text" class="form-control" id="CualesOtrosMedicamentos" name="CualesOtrosMedicamentos" disabled="" value="">
    </div>
    <div class="col-md-12">
      <br>
      <strong>Si marcó alguno de los medicamentos anteriores favor de describir la cantidad,periodicidad y fecha de última toma:</strong>
      <textarea class="form-control" rows="3" id="ComentariosMedicamentos" name="ComentariosMedicamentos" disabled=""></textarea>
    </div>
</div>

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

<!-- ////////////////////////////////////// -->
<div class="col-md-6 estiloDiv1Expediente">
    <strong>¿Está embarazada?</strong>
    <br>
      <div class="col-md-2">
      <label id="CheckLabel">Si <input type="radio" name="EstaEmbarazada" value="1" required=""></label>
      </div>
      <div class="col-md-2">
      <label id="CheckLabel">No <input type="radio" name="EstaEmbarazada" value="0" required=""> </label>
      </div>
      <div class="col-md-8" style="visibility: hidden;"><input type="radio"></div>
      <div class="col-md-8" style="visibility: hidden;"><input type="radio"></div>

</div>

<!-- ////////////////////////////////////// -->
<div class="col-md-6 estiloDiv1Expediente">
    <strong>¿Está lactando?</strong>
    <br>
      <div class="col-md-2">
      <label id="CheckLabel">Si <input type="radio" name="EstaLactando" value="1" required=""></label>
      </div>
      <div class="col-md-2">
      <label id="CheckLabel">No <input type="radio" name="EstaLactando" value="0" required=""> </label>
      </div>
      <div class="col-md-8" style="visibility: hidden;"><input type="radio"></div>
      <div class="col-md-8" style="visibility: hidden;"><input type="radio"></div>
</div>

<!-- ////////////////////////////////////// -->
<div class="col-md-6 estiloDiv1Expediente">
<strong>¿Cuántos litros de agua toma al dia?</strong>
<br>
<div class="col-md-12">
<input type="text" class="form-control" id="LitrosAguaConsume" name="LitrosAguaConsume" maxlength='13' value="" required="">
</div>
</div>


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

<div class="col-md-6 estiloDiv1Expediente">
    <strong>¿Tiene algún tatuaje o delineado permanente?</strong>
    <br>
      <div class="col-md-2">
      <label id="CheckLabel">Si <input type="radio" name="TieneTatuajes" value="1" required="" onclick="activarTatuajes(true)"></label>
      </div>
      <div class="col-md-2">
      <label id="CheckLabel">No <input type="radio" name="TieneTatuajes" value="0" required="" onclick="activarTatuajes(false)"> </label>
      </div>
      <div class="col-md-8" style="visibility: hidden;"><input type="radio"></div>
      <div class="col-md-12">
        
        <strong>Indique la zona:</strong>
        <input type="text" class="form-control" id="zonaTatuaje" name="zonaTatuaje" maxlength='13' value="" disabled="">
      </div>
</div>

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

<div class="col-md-6 estiloDiv1Expediente">
<strong>¿Realiza alguna actividad fisica?</strong>
<br>
<div class="col-md-2">
<label id="CheckLabel">Si <input type="radio" name="RealizaActividadFisica" value="1" onclick="activarActividadF(true)" required=""></label>
</div>
<div class="col-md-2">
<label id="CheckLabel">No <input type="radio" name="RealizaActividadFisica" value="0" onclick="activarActividadF(false)" required=""> </label>
</div>
<div class="col-md-8" style="visibility: hidden;">
</div>
<div class="col-md-12">
¿Cuál? <input type="text" class="form-control" id="QueActividadFisica" name="QueActividadFisica" maxlength='100' value="" disabled="">
</div>
<div class="col-md-12">
¿Cada cuánto? <input type="text" class="form-control" id="CadaCuantoActividadFisica" name="CadaCuantoActividadFisica" maxlength='100' value="" disabled="">
<br>
</div>
</div>

<!-- ////////////////////////////////////// -->
<div class="col-md-12 estiloDiv1Expediente">

<strong>Diagnóstico y observaciones</strong>
<br>
<textarea class="form-control" rows="3" id="DiagnosticoyObservaciones" name="DiagnosticoyObservaciones" required=""></textarea>
</div>

<!-- ////////////////////////////////////// -->
<div class="col-md-12 estiloDiv1Expediente">
<strong>Historia</strong>
<br>
<textarea class="form-control" rows="3"  id="txt_historia" name="txt_historia" required="" onkeypress="return evitarEnter(event)"></textarea>
</div>

<!-- ////////////////////////////////////// -->
<br>

<div class="col-md-4">
<button type="button" id="firmar" name="firmar" class="btn" style="background: #9A4BA6; border: 1px solid #9A4BA6; font-size: 14px;">INGRESAR FIRMA ELECTRÓNICA</button> 
</div>

<div class="col-md-4">
  <br>
  <br>
    <center><img id='mostrarFirma' class='col-md-12 col-sm-12 col-xs-12' name='mostrarFirma' style="width: 100%"></center>
    <input type="text" name="firmaDig2" id="firmaDig2" value="sin valor de imagen" style="display: none;" >
    <textarea name="base64" id="base64" style="display: none;"></textarea>
    <input type="text" name="firmaDig3" id="firmaDig3" value="" style="display: none;" >
    <div id="divOculto" >
    <hr>
    <center><p>FIRMA DEL CLIENTE</p></center>
    <input class="form-control" id="imagen" name="imagen" value="" style="display: none;">
  </div>
</div>

<div class="col-md-4">
</div>


</div>



  <div class="form-group col-md-12"> 
    <br>
    <br>
    <div class="col-md-4">
      <a href="javascript:window.history.back()" ><button type="button" class="btn btn-danger col-md-12"> <span class="glyphicon glyphicon-circle-arrow-left"> </span> Regresar</button></a>  
    </div>
    <div class="col-md-4">
      
    </div>
    <div class="col-md-4">
      <button type="submit" name="guardar" id="guardar"  class="btn btn-primary col-md-12"> <span class="glyphicon glyphicon-floppy-disk"> </span> Guardar</button>
    </div>

  </div>


<?php $jo=$this->session->userdata('IdUsuarios')?>

   <input type="text" class="form-control" name="usuario" value="<?=$jo?>" maxlength='11'  required readonly="readonly" style="visibility:hidden;">
<?php $time = time();  date("d-m-Y H:i:s", $time); 
?>
 <input type="text" class="form-control" id="Time" name="Time" value="<?=date("d-m-Y H:i:s", $time);?>"   style="visibility:hidden;" >
  <?php $time = time();  date("d-m-Y", $time);?>
 <input type="text" class="form-control" id="" name="Time" value="<?=date("d-m-Y", $time);?>"   style="visibility:hidden;" >
  <input type="text" name="reloj" size="10" style="visibility:hidden;" > 




</form></body>
</div>
</div>
</div>
</div>

<!-- Modal para ingresar la firma digital -->
<div class="modal fade" id="modal-firma" data-backdrop="static" data-keyboard="false">
  <div class="modal-dialog ">
    <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>
      </div>

       <div id="signature-pad" class="modal-body signature-pad" style="height: 80vh; width: 100%;">
          <div class="signature-pad--body">
          <canvas></canvas>
          </div>
          <div class="signature-pad--footer">
            <div class="description">Ingrese su firma</div>
            <div class="signature-pad--actions">
            <div>
            <button type="button" class="button clear btn btn-danger" data-action="clear">LIMPIAR</button>
            <!-- <button type="button" class="button" data-action="change-color">Change color</button> -->
            <!-- <button type="button" class="button" data-action="undo">Undo</button> -->
            </div>
            <div>
            <button type="button" class="button save btn btn-primary" data-action="save-png">GUARDAR</button>
            <!-- <button type="button" class="button save" data-action="save-jpg">Save as JPG</button> -->
            <!-- <button type="button" class="button save" data-action="save-svg">Save as SVG</button> -->
            </div>
            </div>
          </div>
        </div> 

        

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

<script>
  //funcion que traeb todas las validaciones para los multiselect
kedoMulti()
</script>

<script>
window.addEventListener( 'load', function( event )
 {  
  var id=$('#txt_idcliente').val();

$('#divOculto').hide();


  $('#frm_crearExpedienteC').submit(function(event){ 
     event.preventDefault();

var sistemico = $('#sistemico').val();
var anticancerosos = $('#anticancerosos').val();
var antidepresivos = $('#antidepresivos').val();
var antihistaminicos = $('#antihistaminicos').val();
var anti_inflamatorios = $('#anti_inflamatorios').val();
var antituberculosos = $('#antituberculosos').val();
var antibioticos = $('#antibioticos').val();
var antimalaricos = $('#antimalaricos').val();
var antipsicoticos = $('#antipsicoticos').val();
var asiendad = $('#asiendad').val();
var antiarritmicos = $('#antiarritmicos').val();
var psicomotores = $('#psicomotores').val();
var diureticos = $('#diureticos').val();
var edulcorantes = $('#edulcorantes').val();
var hipoglucemiantes = $('#hipoglucemiantes').val();
var laxantes = $('#laxantes').val();
var psoralenos = $('#psoralenos').val();
var tetraciclinas = $('#tetraciclinas').val();

      $('#text_sistemico').attr('value',sistemico);
      $('#text_anticancerosos').attr('value',anticancerosos);
      $('#text_antidepresivos').attr('value',antidepresivos);
      $('#text_antihistaminicos').attr('value',antihistaminicos);
      $('#text_anti_inflamatorios').attr('value',anti_inflamatorios);
      $('#text_antituberculosos').attr('value',antituberculosos);
      $('#text_antibioticos').attr('value',antibioticos);
      $('#text_antimalaricos').attr('value',antimalaricos);
      $('#text_antipsicoticos').attr('value',antipsicoticos);
      $('#text_asiendad').attr('value',asiendad);
      $('#text_antiarritmicos').attr('value',antiarritmicos);
      $('#text_psicomotores').attr('value',psicomotores);
      $('#text_diureticos').attr('value',diureticos);
      $('#text_edulcorantes').attr('value',edulcorantes);
      $('#text_hipoglucemiantes').attr('value',hipoglucemiantes);
      $('#text_laxantes').attr('value',laxantes);
      $('#text_psoralenos').attr('value',psoralenos);
      $('#text_tetraciclinas').attr('value',tetraciclinas);

var valorImagen = $('#imagen').val();

// console.log('valorImagen = ' + valorImagen);
if(valorImagen == ""){
  swal({
    title: "¡No ha ingresado la firma electrónica!",
    text:"¿Desea continuar?",
    icon: "warning",
    buttons: ["Cancelar", "Aceptar"],
    confirm: true,
  })
  .then((confirm) => {
    if(confirm){
      $.ajax({                        
          type: "POST",                                   
          url: $(this).attr('action'),
          data: $(this).serialize(),
          success: function(res){
          // console.log("res= " + res);

          if(res == '1'){
            swal("Datos guardados correctamente", "", "success")
            .then((value) => {
              location.href="/SM/clientes/cosmetologo/ClienteC/editar/"+id
              });
          }
          if(res == '0'){
            swal("Los datos no pudieron ser guardados correctamente", "", "warning")
            .then((value) => {
              location.href="/SM/clientes/cosmetologo/ClienteC/editar/"+id
              }); 
          }                                   
          },error:function(jqXHR, textStatus, errorThrown){
            console.log('error::' + errorThrown);
          }
      });
    }
  });
}else{
  $.ajax({                        
      type: "POST",                                   
      url: $(this).attr('action'),
      data: $(this).serialize(),
      success: function(res){
      // console.log("res= " + res);

      if(res == '1'){
        swal("Datos guardados correctamente", "", "success")
        .then((value) => {
          location.href="/SM/clientes/cosmetologo/ClienteC/editar/"+id
          });
      }
      if(res == '0'){
        swal("Los datos no pudieron ser guardados correctamente", "", "warning")
        .then((value) => {
          location.href="/SM/clientes/cosmetologo/ClienteC/editar/"+id
          }); 
      }                                   
      },error:function(jqXHR, textStatus, errorThrown){
        console.log('error::' + errorThrown);
      }
  });
}
                
});

$('#firmar').click(function(){
  $("#modal-firma").on("shown.bs.modal", function () { 
  resizeCanvas();
      }).modal('show');
});
  
 });
</script>
<!-- ////////////////////////// js necesarios para la firma digital////////////////////////// -->
  <script src="<?php echo base_url()?>assets/plugins/signature_pad-master/docs/js/signature_pad.umd.js"></script>
  <script src="<?php echo base_url()?>assets/plugins/signature_pad-master/docs/js/app.js"></script>
  <!-- ////////////////////////// fin de los js necesarios para la firma digital////////////////////////// -->


