@extends('layouts.app')
@section('content')
<div class="nk-content">
    <div class="container-fluid">
      <div class="nk-content-inner">
        <div class="nk-content-body">
          <div class="nk-block">
            <div class="row g-gs">
              <div class="col-xxl-12 col-sm-6">
                <div class="card">
                  <div class="nk-ecwg nk-ecwg6">
                    <div class="card-inner">
                      <div class="card-title-group">
                        <div class="card-title">
                          <h6 class="titulo mb-1"><em class="icon ni ni-setting-alt"></em> Mantenimiento: <span>Avanzado</span></h6>
                        </div>
                      </div>
                      <hr>
                      <div class="card card-bordered card-preview">
                        <div class="card-inner">
                          <div class="row g-gs">
                            <div class="col-md-3">
                              <ul class="nav link-list-menu border border-light round m-0" role="tablist">

                                <li>
                                  <a class="active" data-bs-toggle="tab" href="#tabItem13" aria-selected="true" role="tab">RANGOS DE REFERENCIA</a>
                                </li>
                                <li>
                                  <a data-bs-toggle="tab" href="#tabItem14" aria-selected="false" tabindex="-1" role="tab">DECIMALES</a>
                                </li>
                                <li>
                                  <a data-bs-toggle="tab" href="#tabItem16" aria-selected="false" tabindex="-1" role="tab">INTERPRETACIÓN RESULTADO</a>
                                </li>
                                <li>
                                  <a data-bs-toggle="tab" href="#tabItem17" aria-selected="false" tabindex="-1" role="tab">COMENTARIOS</a>
                                </li>
                                <li>
                                  <a data-bs-toggle="tab" href="#tabItem18" aria-selected="false" tabindex="-1" role="tab">AGRUPACIONES</a>
                                </li>
                                <li>
                                  <a data-bs-toggle="tab" href="#tabItem19" aria-selected="false" tabindex="-1" role="tab">TECNICAS</a>
                                </li>
                                <li>
                                  <a data-bs-toggle="tab" href="#tabItem20" aria-selected="false" tabindex="-1" role="tab">RESULTADOS ALFABETICOS</a>
                                </li>
                                <li>
                                  <a data-bs-toggle="tab" href="#tabItem21" aria-selected="false" tabindex="-1" role="tab">FORMULA DE CALCULO</a>
                                </li>
                              </ul>
                            </div>
                            <div class="col-md-9">
                              <div class="tab-content">
                                <div class="tab-pane active" id="tabItem13" role="tabpanel">
                                  <div class="card card-bordered card-preview">
                                    <div class="card-inner p-0">
                                      <div id="accordion" class="accordion">
                                        <div class="accordion-item">
                                          <a href="#" class="accordion-head collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-item-1" aria-expanded="false">
                                            <h6 class="title">Nuevo</h6><span class="accordion-icon"></span>
                                          </a>
                                          <div class="accordion-body collapse" id="accordion-item-1" data-bs-parent="#accordion" style="">
                                            <div class="accordion-inner">
                                              <form method="post" action="{{route('referenciaStore')}}" class="" enctype="multipart/form-data">
                                                @csrf
                                                <input type="hidden" value="{{$id}}" id="idparametro" name="idparametro">
                                                <div class="card card-bordered card-preview">
                                                  <div class="card-inner">
                                                      <div class="row gy-4">
                                                        <div class="col-lg-6 col-sm-6">
                                                          <label class="form-label">Diagnostico</label>
                                                          <select class="form-select js-select2 select2-hidden-accessible" data-search="on" id="outlined-select" tabindex="-1" aria-hidden="true" placeholder="selecciones un elemento" name="iddiagnostico">
                                                            <option value="">Seleccione un elemento</option>
                                                            @foreach ($datosFisiologicos as $item)
                                                            <option value="{{$item->id}}">{{$item->proceso}} ({{$item->codigo}})</option>
                                                            @endforeach  
                                                          </select>
                                                        </div>
                                                        <div class="col-lg-3 col-sm-6">
                                                          <div class="form-group">
                                                            <label class="form-label">Referenecia Inicial</label>
                                                            <div class="form-control-wrap">
                                                              <input type="text" class="form-control form-control-outlined" id="rinicial" name="rinicial"><label class="form-label-outlined" for="rinicial">Referencia Inicial</label>
                                                            </div>
                                                          </div>
                                                        </div>
                                                        <div class="col-lg-3 col-sm-6">
                                                          <div class="form-group">
                                                            <label class="form-label">Referenecia Final</label>
                                                            <div class="form-control-wrap">
                                                              <input type="text" class="form-control form-control-outlined" id="refFinal" name="rfinal"><label class="form-label-outlined" for="refFinal">Referencia Final</label>
                                                            </div>
                                                          </div>
                                                        </div> 
                                                      </div>
                                                      <div class="row gy-4 pt-1">
                                                        <div class="col-lg-6 col-sm-6">
                                                          <label class="form-label">Sexo</label>
                                                          <select class="form-select js-select2 select2-hidden-accessible" data-search="on" aria-hidden="true" placeholder="selecciones un elemento" name="idsexo">
                                                            <option value="">Seleccione un elemento</option>
                                                            @foreach ($datosSexos as $item)
                                                            <option value="{{$item->id}}">{{$item->sexo}} ({{$item->codigo}})</option>
                                                            @endforeach  
                                                          </select>
                                                        </div>
                                                        <div class="col-lg-3 col-sm-6">
                                                          <div class="form-group">
                                                            <label class="form-label">Alarma Inicial</label>
                                                            <div class="form-control-wrap">
                                                              <input type="text" class="form-control form-control-outlined" id="ainicial" name="ainicial"><label class="form-label-outlined" for="ainicial">Valor alarma inicial</label>
                                                            </div>
                                                          </div>
                                                        </div>
                                                        <div class="col-lg-3 col-sm-6">
                                                          <div class="form-group">
                                                            <label class="form-label">Alarma Final</label>
                                                            <div class="form-control-wrap">
                                                              <input type="text" class="form-control form-control-outlined" id="afinal"  name="afinal"><label class="form-label-outlined" for="afinal">Valor alarma Final</label>
                                                            </div>
                                                          </div>
                                                        </div> 
                                                      </div>
                                                      <div class="row gy-4 pt-1">
                                                        <div class="col-lg-2 col-sm-6">
                                                          <div class="form-group">
                                                            <label class="form-label">Edad Inicial</label>
                                                            <div class="form-control-wrap">
                                                              <input type="text" class="form-control form-control-outlined" id="edadinicial" name="einicial"><label class="form-label-outlined" for="edadinicial">Edad Inicial</label>
                                                            </div>
                                                          </div>
                                                        </div>
                                                        <div class="col-lg-2 col-sm-6">
                                                          <div class="form-group">
                                                            <label class="form-label">Edad Final</label>
                                                            <div class="form-control-wrap">
                                                              <input type="text" class="form-control form-control-outlined" id="edadfinal" name="efinal"><label class="form-label-outlined" for="edadfinal">Edad Final</label>
                                                            </div>
                                                          </div>
                                                        </div>
                                                        <div class="col-lg-2 col-sm-6">
                                                          <div class="form-group">
                                                            <label class="form-label">Años</label>
                                                            <div class="form-control-wrap">
                                                              <input type="text" class="form-control form-control-outlined" id="edad" name="edad"><label class="form-label-outlined" for="años">Años</label>
                                                            </div>
                                                          </div>
                                                        </div>
                                                        <div class="col-lg-3 col-sm-6">
                                                          <div class="form-group">
                                                            <label class="form-label">Panico Inicial</label>
                                                            <div class="form-control-wrap">
                                                              <input type="text" class="form-control form-control-outlined" id="pinicial" name="pinicial"><label class="form-label-outlined" for="pinicial">Valor panico inicial</label>
                                                            </div>
                                                          </div>
                                                        </div>
                                                        <div class="col-lg-3 col-sm-6">
                                                          <div class="form-group">
                                                            <label class="form-label">Panico Final</label>
                                                            <div class="form-control-wrap">
                                                              <input type="text" class="form-control form-control-outlined" id="pfinal"  name="pfinal"><label class="form-label-outlined" for="pfinal">Valor panico Final</label>
                                                            </div>
                                                          </div>
                                                        </div> 
                                                      </div>
                                                      <button type="submit" class="btn btn-primary btn-sm mt-2">Registrar</button>
                                                  </div>
                                                </div>
                                                </div>
                                              </form>
                                            </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  
                                    <div class="data">
                                      <div id="tablareferencia" style="height: 520px" class="ag-theme-alpine">
                                      </div>
                                    </div>
                                  
                                </div>
                              <div class="tab-pane" id="tabItem14" role="tabpanel">
                                <h5>Adicionar Nuevo Decimal</h5>
                                  <form method="post" action="{{route('decimals.store')}}" class="" enctype="multipart/form-data">
                                    @csrf
                                    <input type="hidden" value="{{$id}}" id="idparametro" name="idparametro">
                                    <div class="card card-bordered card-preview">
                                      <div class="card-inner">
                                          <div class="row gy-4">
                                            <div class="col-lg-4 col-sm-6">
                                              <div class="form-group">
                                                <label class="form-label">Referenecia Inicial</label>
                                                <div class="form-control-wrap">
                                                  <input type="text" class="form-control form-control-outlined" id="rinicialDecimal" name="refinicial"><label class="form-label-outlined" for="rinicial">Referencia Inicial</label>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="col-lg-4 col-sm-6">
                                              <div class="form-group">
                                                <label class="form-label">Referenecia Final</label>
                                                <div class="form-control-wrap">
                                                  <input type="text" class="form-control form-control-outlined" id="rinicialDecimal" name="reffinal"><label class="form-label-outlined" for="refFinal">Referencia Final</label>
                                                </div>
                                              </div>
                                            </div> 
                                            <div class="col-lg-4 col-sm-6">
                                              <div class="form-group">
                                                <label class="form-label">Decimal</label>
                                                <div class="form-control-wrap">
                                                  <input type="text" class="form-control form-control-outlined" id="decimalParametro" name="decimal"><label class="form-label-outlined" for="refFinal">Decimal</label>
                                                </div>
                                              </div>
                                            </div> 
                                          </div>
                                          <button type="submit" class="btn btn-primary btn-sm mt-2">Adicionar</button>
                                      </div>
                                    </div>
                                  </form>
                                  <div class="data">
                                    <div id="tablaDecimal" style="height: 420px" class="ag-theme-alpine">
                                    </div>
                                  </div>
                              </div>
                              <div class="tab-pane" id="tabItem15" role="tabpanel">
                                <p>Fugiat id quis dolor culpa eiusmod anim velit excepteur proident dolor aute qui magna. Ad proident laboris ullamco esse anim Lorem Lorem veniam quis Lorem irure occaecat velit nostrud magna nulla. Velit et et proident Lorem do ea tempor officia dolor. Reprehenderit Lorem aliquip labore est magna commodo est ea veniam consectetur.</p><p>Eu dolore ea ullamco dolore Lorem id cupidatat excepteur reprehenderit consectetur elit id dolor proident in cupidatat officia. Voluptate excepteur commodo labore nisi cillum duis aliqua do. Aliqua amet qui mollit consectetur nulla mollit velit aliqua veniam nisi id do Lorem deserunt amet. Culpa ullamco sit adipisicing labore officia magna elit nisi in aute tempor commodo eiusmod.</p>
                              </div>
                              <div class="tab-pane" id="tabItem16" role="tabpanel">
                                <h5>Adicionar Nueva Interpretación de Resultados</h5>
                                  <form method="post" action="{{route('interpretaciones.store')}}" class="" enctype="multipart/form-data">
                                    @csrf
                                    <input type="hidden" value="{{$id}}" id="idparametro" name="idparametro">
                                    <div class="card card-bordered card-preview">
                                      <div class="card-inner">
                                          <div class="row gy-4">
                                            <div class="col-lg-3 col-sm-6">
                                              <div class="form-group">
                                                <label class="form-label">Referenecia 1</label>
                                                <div class="form-control-wrap">
                                                  <input type="text" class="form-control form-control-outlined" id="rinicialInterpretacion" name="refinicialInterpretacion"><label class="form-label-outlined" for="rinicial">Referencia 1</label>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="col-lg-3 col-sm-6">
                                              <div class="form-group">
                                                <label class="form-label">Referenecia 2</label>
                                                <div class="form-control-wrap">
                                                  <input type="text" class="form-control form-control-outlined" id="rinicialInterpretacion" name="reffinalInterpretacion"><label class="form-label-outlined" for="refFinal">Referencia 2</label>
                                                </div>
                                              </div>
                                            </div> 
                                            <div class="col-lg-6 col-sm-6">
                                              <div class="form-group">
                                                <label class="form-label">Resultado</label>
                                                <div class="form-control-wrap">
                                                  <input type="text" class="form-control form-control-outlined" id="resultado" name="resultado"><label class="form-label-outlined" for="refFinal">Resultado</label>
                                                </div>
                                              </div>
                                            </div> 
                                          </div>
                                          <button type="submit" class="btn btn-primary btn-sm mt-2">Adicionar</button>
                                      </div>
                                    </div>
                                  </form>
                                  <div class="data">
                                    <div id="tablaInterpretacion" style="height: 420px" class="ag-theme-alpine">
                                    </div>
                                  </div>
                              </div>
                              <div class="tab-pane" id="tabItem17" role="tabpanel">
                                <h5>Adicionar Comentarios</h5>
                                  <form method="post" action="{{route('comentarioAsociados.store')}}" class="" enctype="multipart/form-data">
                                    @csrf
                                    <input type="hidden" value="{{$id}}" id="idparametro" name="idparametro">
                                    <div class="card card-bordered card-preview">
                                      <div class="card-inner">
                                          <div class="row gy-4">
                                            <div class="col-lg-12 col-sm-6">
                                              <div class="form-group" data-select2-id="54">
                                                <label class="form-label">Adicionar Comentario</label>
                                                <div class="form-control-wrap">
                                                  <select class="form-select js-select2 select2-hidden-accessible" multiple="" data-placeholder="Select Multiple options" data-select2-id="10" tabindex="-1" aria-hidden="true" name="idcomentario[]">
                                                    <option value="">Seleccione un elemento</option>
                                                    @foreach ($datosComentarios as $item)
                                                    <option value="{{$item->id}}">{{$item->nombre}} ({{$item->codigo}})</option>
                                                    @endforeach  
                                                  </select>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                          <button type="submit" class="btn btn-primary btn-sm mt-2">Adicionar</button>
                                      </div>
                                    </div>
                                  </form>
                                  <div class="data">
                                    <div id="tablaComentarioAsociado" style="height: 420px" class="ag-theme-alpine">
                                    </div>
                                  </div>
                              </div>
                              <div class="tab-pane" id="tabItem18" role="tabpanel">
                                <h5>Agrupaciones</h5>
                                  <form method="post" action="{{route('agrupaciones.store')}}" class="" enctype="multipart/form-data">
                                    @csrf
                                    <input type="hidden" value="{{$id}}" id="idparametro" name="idparametro">
                                    <div class="card card-bordered card-preview">
                                      <div class="card-inner">
                                          <div class="row gy-4">
                                            <div class="col-lg-12 col-sm-6">
                                              <div class="form-group" data-select2-id="54">
                                                <label class="form-label">Disponibles</label>
                                                <div class="form-control-wrap">
                                                  <select class="form-select js-select2 select2-hidden-accessible" multiple="" data-placeholder="Select Multiple options" data-select2-id="11" tabindex="-1" aria-hidden="true" name="idagrupado[]">
                                                    <option value="">Seleccione un elemento</option>
                                                    @foreach ($datosParametros as $item)
                                                    <option value="{{$item->id}}">{{$item->nombre}} ({{$item->codigo}})</option>
                                                    @endforeach  
                                                  </select>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                          <button type="submit" class="btn btn-primary btn-sm mt-2">Adicionar</button>
                                      </div>
                                    </div>
                                  </form>
                                  <div class="data">
                                    <div id="tablaAgrupacionAsociado" style="height: 420px" class="ag-theme-alpine">
                                    </div>
                                  </div>
                              </div>
                              <div class="tab-pane" id="tabItem19" role="tabpanel">
                                <h5>Tecnicas</h5>
                                  <form method="post" action="{{route('agrupados.store')}}" class="" enctype="multipart/form-data">
                                    @csrf
                                    <input type="hidden" value="{{$id}}" id="idparametro" name="idparametro">
                                    <div class="card card-bordered card-preview">
                                      <div class="card-inner">
                                          <div class="row gy-4">
                                            <div class="col-lg-12 col-sm-6">
                                              <div class="form-group" data-select2-id="54">
                                                <label class="form-label">Tecnicas Disponibles</label>
                                                <div class="form-control-wrap">
                                                  <select class="form-select js-select2 select2-hidden-accessible" multiple="" data-placeholder="Select Multiple options" data-select2-id="12" tabindex="-1" aria-hidden="true" name="idtecnica[]">
                                                    <option value="">Seleccione un elemento</option>
                                                    @foreach ($datosTecnicas as $item)
                                                    <option value="{{$item->id}}">{{$item->nombre}} ({{$item->codigo}})</option>
                                                    @endforeach  
                                                  </select>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                          <button type="submit" class="btn btn-primary btn-sm mt-2">Adicionar</button>
                                      </div>
                                    </div>
                                  </form>
                                  <div class="data">
                                    <div id="tablaAgrupado" style="height: 420px" class="ag-theme-alpine">
                                    </div>
                                  </div>
                              </div>
                              <div class="tab-pane" id="tabItem20" role="tabpanel">
                                <h5>RESULTADOS ALFABETICOS</h5>
                                  <form method="post" action="{{route('alfabeticoAsociadiados.store')}}" class="" enctype="multipart/form-data">
                                    @csrf
                                    <input type="hidden" value="{{$id}}" id="idparametro" name="idparametro">
                                    <div class="card card-bordered card-preview">
                                      <div class="card-inner">
                                          <div class="row gy-4">
                                            <div class="col-lg-12 col-sm-6">
                                              <div class="form-group" data-select2-id="54">
                                                <label class="form-label">Tecnicas Disponibles</label>
                                                <div class="form-control-wrap">
                                                  <select class="form-select js-select2 select2-hidden-accessible" multiple="" data-placeholder="Select Multiple options" data-select2-id="9" tabindex="-1" aria-hidden="true" name="idalfabetico[]">
                                                    <option value="">Seleccione un elemento</option>
                                                    @foreach ($datosAlfabeticos as $item)
                                                    <option value="{{$item->id}}">{{$item->resultado}} ({{$item->codigo}})</option>
                                                    @endforeach  
                                                  </select>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                          <button type="submit" class="btn btn-primary btn-sm mt-2">Adicionar</button>
                                      </div>
                                    </div>
                                  </form>
                                  <div class="data">
                                    <div id="tablaAlfabeticoAsociado" style="height: 420px" class="ag-theme-alpine">
                                    </div>
                                  </div>
                              </div>
                              <div class="tab-pane" id="tabItem21" role="tabpanel">
                                <h5>FORMULA</h5>
                                  <form method="post" action="{{route('calculados.store')}}" class="" enctype="multipart/form-data">
                                    @csrf
                                    <input type="hidden" value="{{$id}}" id="idparametro" name="idparametro">
                                    <div class="card card-bordered card-preview">
                                      <div class="card-inner">
                                          <div class="row gy-4">
                                            <div class="col-lg-12 col-sm-6">
                                              <div class="form-group">
                                                <div class="form-control-wrap">
                                                  @if (isset($datosCalculados[0]->formula))
                                                  <textarea class="form-control" id="formula" name="formula">{{$datosCalculados[0]->formula}}</textarea>
                                                  @else
                                                  <textarea class="form-control" id="formula" name="formula"></textarea> 
                                                  @endif                                         
                                                  <dl class="row">
                                                    <dt class="col-sm-2">Constantes:</dt>
                                                    <dd class="col-sm-10">Numero con o sin decimales y Parentesis</dd>
                                                    <dt class="col-sm-2">Operadores:</dt>
                                                    <dd class="col-sm-10">Producto (*), Suma (+), Resta (-), Division (/), Potencia (^)</dd>
                                                    <dt class="col-sm-2">Condiciones:</dt>
                                                    <dd class="col-sm-10">if (Expresion; valor cumple; valor no cumple)</dd>
                                                    <dt class="col-sm-2">Pruebas:</dt>
                                                    <dd class="col-sm-10">Escriba entre corchetes el Codigo de la Tecnica</dd>
                                                  </dl>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                          <button type="submit" class="btn btn-primary btn-sm mt-2">Guardar</button>
                                      </div>
                                    </div>
                                  </form>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
</div>
</div>
@section('js1')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="{{asset("js/modulos/avanzado.js")}}"></script>
<script src="{{asset("js/modulos/decimales.js")}}"></script>
<script src="{{asset("js/modulos/interpretacion.js")}}"></script>
<script src="{{asset("js/modulos/comentarioAsociado.js")}}"></script>
<script src="{{asset("js/modulos/AgrupacionAsociado.js")}}"></script>
<script src="{{asset("js/modulos/tecnicaAgrupado.js")}}"></script>
<script src="{{asset("js/modulos/alfabeticoAgrupado.js")}}"></script>
@endsection
@endsection