<!-- Creado: Félix Ricardo Oliva Alonso, 12/09/2017. Se crea la vista para ingresar a los pacientes de urgencias -->
<?php
    use App\Libraries\ejLib;
    $var = ejLib::getInstance();
    $soapclient = $var->getWs();
    $wsClave = $var->get_wsClave();
    //echo $fecha = $_POST['fecha'];

    $vCat_CentroSalud = $soapclient->vCat_CentroSalud($wsClave);
    $r_vCat_CentroSalud = new SimpleXMLElement(utf8_encode($vCat_CentroSalud));

    if (  isset($_POST['clave_pac'])  ){
        $clave_pac = $_POST['clave_pac'] ; }
    else{
        $clave_pac = '';
    }

    if (  isset($_POST['Centro_Sal'])  ){
        $Centro_Sal = $_POST['Centro_Sal'] ; }
    else{
        $Centro_Sal = '';
    }

    //echo $clave_pac.' - '.$Centro_Sal;
?>
<link rel="stylesheet" href="css/smoothness.datepick.css">
<div class="box box-primary">
        <div class="box-body ">
          <div class="form-group-sm">

              <div class="datosPac">
                  <div class="nombrePac">
                      <label>
                          <?php
                              if (  isset($_POST['nombre']) || isset($_POST['primerap']) || isset($_POST['segundoap']) || isset($_POST['folio']) )
                                 {  echo($_POST['nombre']).' '.($_POST['primerap']).' '.($_POST['segundoap']).' - '.($_POST['folio']);}
                          ?>
                      </label>
                  </div>
              </div>

              <div id="dtpck">
                  <div id="datepicker"></div>
              </div><br>

              <div class="col-sm-12">Motivo:<textarea  id="motivo" name="name" rows="3" cols="50" class="form-control" style="resize:vertical;"></textarea></div>

              <div class="col-sm-12">

                  <table width="100%">
                      <tr>
                          <td width="50%">Referenciado:</td>
                          <td width="25%">
                              <div class="radio">
                                  <label><input type="radio" name="radio_ref" id="radio_ref" value="si">Sí</label>
                              </div>
                          </td>

                          <td width="25%">
                              <div class="radio">
                                  <label><input type="radio" name="radio_ref" id="radio_ref" value="no" checked>No</label>
                              </div>
                          </td>
                      </tr>
                  </table>

                  <table width="100%">
                      <tr>
                          <td width="25%">Por:</td>
                          <td colspan="2" style="padding-bottom:10px">
                              <select  disabled id="centro_salud" class="form-control" >
                                @foreach ($r_vCat_CentroSalud->respuesta as $catCS)
                                  <option value="{!! $catCS->centro_sal !!}">{!! utf8_decode($catCS->desc_centr) !!}</option>
                                @endforeach
                              </select>
                          </td>
                      </tr>

                      <tr>
                          <td width="25%">Enviar a:</td>
                          <td colspan="2">

                              <select id="enviar_a" class="form-control">
                                  <option value="1">Toma de signos vitales</option>
                              </select>
                          </td>
                      </tr>
                  </table>

                  <hr class="hrLine">

                  <table table width="100%">
                      <tr>
                          <td width="50%">Lesión traumática:</td>
                          <td width="25%">
                              <div class="radio">
                                  <label><input type="radio" name="radio_les" id="radio_les" value="si">Sí</label>
                              </div>
                          </td>

                          <td width="25%">
                              <div class="radio">
                                  <label><input type="radio" name="radio_les" id="radio_les" value="no" >No</label>
                              </div>
                          </td>
                      </tr>

                      <tr>
                          <td>Accidental:</td>
                          <td>
                              <div class="radio">
                                  <label><input type="radio" name="radio_acc" id="radio_acc" value="si" >Sí</label>
                              </div>
                          </td>

                          <td>
                              <div class="radio">
                                  <label><input type="radio" name="radio_acc" id="radio_acc1" value="no" >No</label>
                              </div>
                          </td>
                      </tr>

                      <tr>
                          <td>Intencional:</td>
                          <td>
                              <div class="radio">
                                  <label><input type="radio" name="radio_int" id="radio_int" value="si" >Sí</label>
                              </div>
                          </td>

                          <td>
                              <div class="radio">
                                  <label><input type="radio" name="radio_int" id="radio_int1" value="no" >No</label>
                              </div>
                          </td>
                      </tr>
                  </table>

                  <table table width="100%">
                      <tr>
                          <td width="50%">Interrogatorio:</td>
                          <td width="25%">
                              <div class="radio">
                                  <label><input type="radio" name="radio_inter" id="radio_inter" value="si" >Directo</label>
                              </div>
                          </td>

                          <td width="25%">
                              <div class="radio">
                                  <label><input type="radio" name="radio_inter" id="radio_inter" value="no" >Indirecto</label>
                              </div>
                          </td>
                      </tr>

                  </table>
                    <hr class="hrLine">
              </div>
              <div class="col-sm-12">Observaciones:<textarea id="observaciones" rows="3" cols="50" class="form-control" style="resize:vertical;"></textarea></div>

              <div class="col-sm-12">
                  <br>
                  <p class="text-center">
                      {{-- <button id="btn_grh" class="btn btn-primary" onclick="guardar();">Guardar</button> --}}
                      {{-- <a href="Agenda_Urgencias" class="btn btn-sm  btn-sm btn-danger">Cancelar</a> --}}
                      @if (   ($_POST['verAgenda']!= '1' ) )
                          <a href="#" id="btn_grh" class="btn btn-sm  btn-sm btn-primary" onclick="guardar();">Guardar</a>
                      @endif
                  </p>
              </div>

              <div id="myModal" class="modal fade" role="dialog">
                  <div class="modal-dialog">

                      <div class="modal-content">
                          <div class="modal-header">
                              <h4 class="modal-title text-center alerta atencion" style="background: #dd4b39;">ATENCIÓN</h4>
                          </div>
                          <div class="modal-body">
                              <p class="text-center">Para agendar al paciente debe seleccionar la fecha de <span class="label label-danger">HOY</span> .</p>
                          </div>
                          <div class="modal-footer">
                              <button type="button" class="btn btn-default" data-dismiss="modal" >Entendido</button>
                          </div>
                      </div>
                  </div>
              </div>
              <button style="display:none" id="xx" type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>


          </div>{{-- form-group --}}
        </div> {{-- profile --}}
      </div> {{-- box-primary (azul)  --}}

    <script type="text/javascript">
        arr = [];
        $(document).ready(function() {
            $("#datepicker").datepick(
                {
                onSelect: function()
                    {
                        var fecha = new Date(Date.parse($(this).datepick('getDate')));
                        var fecha = $.datepick.formatDate('dd/mm/yyyy', fecha);
                        jqGetAjax("agenda_urgencias_listado_contenedor", "contenedor_listado", {fecha : fecha, Centro_Sal: '<?php echo $Centro_Sal ?>' });
                        arr.push(fecha);
                    }
                }
            );

            $( "#datepicker" ).datepick( "option", "maxDate", " 0 " );
            $( "#datepicker" ).datepick( "option", "minDate", "-7 " );

            @if ($_POST['verAgenda']!= '0')
                $('input:radio').prop('disabled', true);
                $('textarea').prop('disabled', true);
                $('select').prop('disabled', true);
            @endif

        });

        $(document).on('change', '#radio_ref', function () {
            $('input:radio[name=radio_ref]:checked').val() == 'si' ?
                        $('#centro_salud').prop('disabled', false) : $('#centro_salud').prop('disabled', true);
        });

        $(document).on('click', '#radio_les', function () {
            if ( $('input:radio[name=radio_les]:checked').val() == 'no') {
                $('input:radio[id=radio_acc1]').prop('checked',true);
                $('input:radio[id=radio_int1]').prop('checked',true);
            }
        });

        function getDatos(){
            if (document.querySelectorAll('[name="radio_ref"]')[0].checked==true)
                {var Centro_Sal_Referido = document.getElementById("centro_salud").value;
                 var Referenciado = '1';}
            else
                {var Centro_Sal_Referido = '0';
                 var Referenciado = '0';}

            if (document.querySelectorAll('[name="radio_les"]')[0].checked==true)        {var Lesion_Traumatica = '1';}
            else if (document.querySelectorAll('[name="radio_les"]')[1].checked==true)   {var Lesion_Traumatica = '0';}
            else                                                                         {var Lesion_Traumatica = '';}

            if (document.querySelectorAll('[name="radio_acc"]')[0].checked==true)        {var Accidental = '1';}
            else if (document.querySelectorAll('[name="radio_acc"]')[1].checked==true)   {var Accidental = '0';}
            else                                                                         {var Accidental = '';}

            if (document.querySelectorAll('[name="radio_int"]')[0].checked==true)        {var Intencional = '1';}
            else if (document.querySelectorAll('[name="radio_int"]')[1].checked==true)   {var Intencional = '0';}
            else                                                                         {var Intencional = '';}

            if (document.querySelectorAll('[name="radio_inter"]')[0].checked==true)      {var Interrogatorio = '1';}
            else if (document.querySelectorAll('[name="radio_inter"]')[1].checked==true) {var Interrogatorio = '0';}
            else                                                                         {var Interrogatorio = '';}

            datos = {
                Motivo              : document.getElementById("motivo").value,
                idMovimiento        : document.getElementById("enviar_a").value,
                Lesion_Traumatica   : Lesion_Traumatica,
                Accidental          : Accidental,
                Intencional         : Intencional,
                Interrogatorio      : Interrogatorio,
                Observaciones       : document.getElementById("observaciones").value,
                Centro_Sal_Referido : Centro_Sal_Referido,
                Referenciado        : Referenciado
            }
        }

        function guardar(){
            var date = new Date();
            var d  = date.getDate();
            var day = (d < 10) ? '0' + d : d;
            var m = date.getMonth() + 1;
            var month = (m < 10) ? '0' + m : m;
            var year = date.getFullYear();
            var fecha = day+'/'+month+'/'+year;

            getDatos();
            var i = 0;
            var validar = 0;
            var con = 0;
            for(i in datos){
                con++;
                if(datos[i].length > 0 )
                {validar++;}
            }
            //alert(validar +' '+ con)
            if (validar == con) {
                if (arr[arr.length-1]!=fecha) {
                    document.getElementById('xx').click();
                }
                else
                {

                    $.post({
                        url:  'guardarAgendaUrg',
                        type: "POST",
                        data: {

                            valFecha            : fecha,
                            Centro_Sal          : '<?php echo $Centro_Sal ?>',
                            Clave_Pac           : '<?php echo $clave_pac ?>',
                            Motivo              : datos.Motivo,
                            Observaciones       : datos.Observaciones,
                            Lesion_Traumatica   : datos.Lesion_Traumatica,
                            Accidental          : datos.Accidental,
                            Intencional         : datos.Intencional,
                            Interrogatorio      : datos.Interrogatorio,
                            Referenciado        : datos.Referenciado,
                            Prioridad           : '1',
                            Centro_Sal_Referido : datos.Centro_Sal_Referido,
                            idMovimiento        : datos.idMovimiento

                        },

                        success:  function (data)
                        {
                          //alert(data);
                          xmlDoc = $.parseXML(data),
                          $xml = $(xmlDoc);
                          $($xml).find("respuesta").each(function () {

                              var error = ($(this).find("respuesta>error").text());
                              var tituloerror = ($(this).find("respuesta>tituloerror").text());
                              var descripcionerror = ($(this).find("respuesta>descripcionerror").text());
                              if (error == "0") {
                                  $.notify(tituloerror+'. '+descripcionerror, "success");
                              }
                              else if (error == "1") {
                                  $.notify(tituloerror+'. '+descripcionerror, "info");
                              }
                              else {
                                  $.notify('Ha ocurrido en problema', "error");
                              }
                          });

                          jqGetAjax("agenda_urgencias_listado_contenedor", "contenedor_listado", {fecha : fecha, Centro_Sal: '<?php echo $Centro_Sal ?>' });
                          $('html, body').animate(  { scrollTop: $(".container-fluid").offset().top }, 500);
                        },

                        error : function(xhr, status)
                        {$.notify('Ha ocurrido en problema', "error");},

                    });
                }

            }
            else{
                $.notify("Rellene todos los campos", "info");
            }
        }

    </script>
