@extends('layouts.index')

@section('estilos')
    <link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ asset('css/style.css') }}">
@stop

@section('menu')
    @include('menu.index')
@stop

@section('content')
<div id="enfermedades_data" data-enfermedades=@json($enfermedades)></div>
<div id="familiares_data" data-familiares=@json($familiares)></div>
<form action="{{ route('pacientes.update_anamnesis') }}" method="POST">
    @csrf
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-8 col-12">
                <div class="row espacio5">
                    <div class="col-lg-8 col-12">
                        <h3 class="text-left">{{'Editar Ficha Paciente : '.$paciente->nombres." ".$paciente->apellido_paterno}}</h3>
                    </div>
                    <div class="col-md-4 espacio5">
                        <button type="submit" class="btn btn-sm btn-success" tabindex="15">Actualizar Ficha</button>
                    </div> 
                    <div id="mensaje" class="mensaje_color"></div>
                </div>
                <div class="tabbable espacio5" id="edicion">
                    <ul class="nav nav-tabs">
                        <li class="nav-item">
                            <a class="nav-link active" href="#personales" data-toggle="tab"><span class="color_pag">{{'Datos Personales'}}</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#familiares" data-toggle="tab"><span class="color_pag">{{'Antecedentes Familiares'}}</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#medicos" data-toggle="tab"><span class="color_pag">{{'Antecedentes Medicos'}}</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#dentales" data-toggle="tab"><span class="color_pag">{{'Antecedentes Dentales'}}</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#habitos" data-toggle="tab"><span class="color_pag">{{'Hábitos'}}</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#condiciones" data-toggle="tab"><span class="color_pag">{{'Condiciones Especiales'}}</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#documentos" data-toggle="tab"><span class="color_pag">{{'Ingreso Documentos'}}</span></a>
                        </li>
            
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active espacio5" id="personales">
                            <div class="small-box bg-white">
                                <div class="row">
                                    <div class="col-lg-6 col-6">
                                        <h5 class="text-left color_pag">&nbsp;&nbsp;{{'Datos Paciente'}}</h5>
                                    </div>
                                    <div class="col-lg-6 col-6">
                                        <h5 class="text-right color_pag">{{'Ficha : '.$paciente->rut}}&nbsp;&nbsp;</h5>
                                    </div>
                                </div>
                                <div class="row color_pag espacio5">
                                    <div class="col-lg-3">
                                        <div class="row">
                                            <div class="col-lg-2"></div>
                                            <div class="col-lg-10 col-4">
                                                <label class="form-label">Rut o Pasaporte</label>
                                                <input id="rut" name="rut" value="{{rut_con_formato($paciente->rut)}}" readonly type="text" class="form-control text-center color_pag espaciomenos7 form-control-sm bg-fondo"/>
                                                <input type="hidden" name="paciente_id" id="paciente_id" value="{{$paciente->id}}" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-4">
                                        <label class="form-label">Nombre</label>
                                        <input value="{{$paciente->nombres." ".$paciente->apellido_paterno." ".$paciente->apellido_materno}}" readonly type="text" class="form-control espaciomenos7 color_pag form-control-sm bg-fondo"/>
                                    </div>
                                    <div class="col-lg-2 col-4">
                                        <label class="form-label">Edad</label>
                                        <input value="{{edad($paciente->fecha_nacimiento).' años'}}" readonly type="text" class="form-control espaciomenos7 color_pag form-control-sm bg-fondo"/>
                                    </div>
                                </div>
                                <div class="row color_pag espacio5">
                                    <div class="col-lg-3">
                                        <div class="row">
                                            <div class="col-lg-2"></div>
                                            <div class="col-lg-10 col-4">
                                                <label class="form-label">Estado Paciente</label>
                                                <input id="estado" name="estado" value="{{$paciente->estado_paciente}}" readonly type="text" class="form-control text-center espaciomenos7 color_pag form-control-sm bg-fondo"/>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-4">
                                        <label class="form-label">Direccion</label>
                                        <input value="{{$paciente->direccion}}" readonly type="text" class="form-control espaciomenos7 color_pag form-control-sm bg-fondo"/>
                                    </div>
                                    <div class="col-lg-4 col-4">
                                        <label class="form-label">Nacionalidad</label>
                                        <input value="{{$paciente->nacionalidad}}" readonly type="text" class="form-control espaciomenos7 color_pag form-control-sm bg-fondo"/>
                                    </div>
                                </div>
                                <div class="row color_pag espacio5">
                                    <div class="col-lg-3">
                                        <div class="row">
                                            <div class="col-lg-2"></div>
                                            <div class="col-lg-10 col-4">
                                                <label class="form-label">Sistema de salud</label>
                                                <input value="{{$paciente->salud}}" readonly type="text" class="form-control text-center color_pag espaciomenos7 form-control-sm bg-fondo"/>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-8 col-4">
                                        <label class="form-label">Seguros asociados</label>
                                        @if ($paciente->seguro == "S")
                                            <input  readonly type="text" value="{{'Cia Seguros : '.$paciente->cia_seguro." - Contrato : ".$paciente->contrato_seguro}}" class="form-control color_pag espaciomenos7 form-control-sm bg-fondo"/>
                                        @else
                                            <input  readonly type="text" value="{{'Sin Seguros Asociados'}}" class="form-control color_pag espaciomenos7 form-control-sm bg-fondo"/>
                                        @endif
                                    </div>
                                </div>
                                <div class="row color_pag espacio10"></div>
                            </div>

                            <div class="small-box bg-white espacio4">
                                <div class="row">
                                    <div class="col-lg-6 col-6">
                                        <h5 class="text-left color_pag">&nbsp;&nbsp;{{'Tutores'}}</h5>
                                    </div>
                                </div>
                                @foreach ($tutores as $tutor)
                                    <div class="row color_pag espacio5">
                                        <div class="col-lg-3">
                                            <div class="row">
                                                <div class="col-lg-2"></div>
                                                <div class="col-lg-10 col-4">
                                                    <label class="form-label">Rut o Pasaporte</label>
                                                    <input value="{{rut_con_formato($tutor->rut)}}" readonly type="text" class="form-control text-center color_pag espaciomenos7 form-control-sm bg-fondo"/>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-4">
                                            <label class="form-label">Nombre</label>
                                            <input value="{{$tutor->nombres." ".$tutor->apellido_paterno." ".$tutor->apellido_materno}}" readonly type="text" class="form-control espaciomenos7 color_pag form-control-sm bg-fondo"/>
                                        </div>
                                        <div class="col-lg-2 col-4">
                                            <label class="form-label">Parentesco</label>
                                            <input value="{{$tutor->parentesco}}" readonly type="text" class="form-control espaciomenos7 color_pag form-control-sm bg-fondo"/>
                                        </div>
                                    </div>
                                @endforeach
                                
                                <div class="row color_pag espacio10"></div>
                            </div>

                            <div class="small-box bg-white espacio4">
                                <div class="row">
                                    <div class="col-lg-6 col-6">
                                        <h5 class="text-left color_pag">&nbsp;&nbsp;{{'Colegios o Jardines'}}</h5>
                                    </div>
                                </div>

                                <div class="row color_pag espacio5">
                                    @if (isset($paciente->rut_colegio))
                                        <div class="col-lg-3">
                                            <div class="row">
                                                <div class="col-lg-2"></div>
                                                <div class="col-lg-10 col-4">
                                                    <label class="form-label">Rut Colegio</label>
                                                    <input value="{{rut_con_formato($paciente->rut_colegio)}}" readonly type="text" class="form-control text-center color_pag espaciomenos7 form-control-sm bg-fondo"/>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-4">
                                            <label class="form-label">Razon Social</label>
                                            <input value="{{$paciente->colegio}}" readonly type="text" class="form-control espaciomenos7 color_pag form-control-sm bg-fondo"/>
                                        </div>
                                        <div class="col-lg-2 col-4">
                                            <label class="form-label">Nivel</label>
                                            <input value="{{$paciente->nivel}}" readonly type="text" class="form-control espaciomenos7 color_pag form-control-sm bg-fondo"/>
                                        </div>
                                    @else
                                        <div class="col-lg-6">
                                            <div class="row">
                                                <div class="col-lg-1"></div>
                                                <div class="col-lg-10 col-4">
                                                    <label class="form-label">Sin Colegios o Jardines asociados</label>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                </div>
                                
                                <div class="row color_pag espacio10"></div>
                            </div>
                        </div>

                        <div class="tab-pane" id="familiares">
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col-md-12">
                                        <input type="hidden" name="nro_familiares" id="nro_familiares" value="0" />
                                        <div class="row espacio10">
                                            <div class="col-md-7">
                                                <div class="form-check form-switch">
                                                    <input class="form-check-input" type="checkbox" onclick="familiar_patologias()" id="fam_pat1" name="fam_pat1">
                                                    <label class="form-check-label" for="text-fam">{{'¿ Familiares sanguineos con Patologias ?'}}</label>
                                                    <input type="hidden" id="oculto" name="oculto" value="s" />
                                                </div>
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="col-md-12 ocultar_div" id="familiares_sanguineos">   
                                        <div class="small-box bg-white espacio10">
                                            <div class="row">
                                                <div class="col-md-4 espacio7">
                                                    <div class="row">
                                                        <div class="col-md-1"></div>
                                                        <div class="col-md-10">
                                                            <select id="familiar1" name="familiar1" class="form-control form-control-sm bg-fondo-ip" tabindex="11">
                                                                <option value="">{{'Seleccionar'}}</option>
                                                                @foreach ($familiares as $familiar)
                                                                    <option value="{{$familiar->id}}">{{$familiar->nombre}}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                        </div>
                                                    </div>
                                                    <div class="row espacio7">
                                                        <div class="col-md-12">
                                                            <div class="row">
                                                                <div class="col-md-1"></div>
                                                                <div class="col-md-6">                                                                 
                                                                    <button type="button" onclick="otro_familiar()" class="btn btn-sm btn-primary">
                                                                        Otro Familiar
                                                                    </button>
                                                                </div>
                                                                <div class="col-md-5"></div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-12 espacio7"></div>
                                                    </div>
                                                </div>
                                                <div class="col-md-8">
                                                    @php($indice=1)
                                                    @foreach ($enfermedades as $enfermedad)
                                                        @if ($indice == 1)
                                                            <div class="row color_pag">
                                                                <div class="col-md-4">
                                                                    <input class="form-check-input" type="checkbox" id="{{'enfermedad1_'.$enfermedad->id}}" name="{{'enfermedad1_'.$enfermedad->id}}">
                                                                    <label class="form-check-label" >{{$enfermedad->nombre}}</label>
                                                                    @if ($enfermedad->nombre == "Otra")
                                                                        </div>
                                                                        <div class="col-md-4">
                                                                            <input type="text" name="{{'otra1_'.$enfermedad->id}}" id="{{'otra1_'.$enfermedad->id}}" class="form-control color_pag form-control-sm bg-fondo costado_menos"/>
                                                                        </div>
                                                                    @else
                                                                        </div>
                                                                    @endif
                                                                @php($indice++)
                                                        @elseif ($indice == 2)
                                                            <div class="col-md-4">
                                                                <input class="form-check-input" type="checkbox" id="{{'enfermedad1_'.$enfermedad->id}}" name="{{'enfermedad1_'.$enfermedad->id}}">
                                                                <label class="form-check-label" >{{$enfermedad->nombre}}</label>
                                                                
                                                            </div>
                                                            @php($indice++)
                                                        @else
                                                            <div class="col-md-4">
                                                                <input class="form-check-input" type="checkbox" id="{{'enfermedad1_'.$enfermedad->id}}" name="{{'enfermedad_1'.$enfermedad->id}}">
                                                                <label class="form-check-label" >{{$enfermedad->nombre}}</label>
                                                            </div>
                                                            </div>
                                                            @php($indice=1)
                                                        @endif
                                                    @endforeach
                                                    @if ($indice > 1)
                                                        </div>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="row espacio10"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="tab-pane" id="medicos">
                            <div class="container-fluid">

                                <div class="row espacio5">
                                    <div class="col-md-12">
                                        <div class="row">
                                            <div class="col-md-1"></div>
                                            <div class="col-md-4">
                                                <h5>Enfermedades</h5>
                                            </div>
                                        </div>
                                        <div class="row espacio5">
                                            @foreach ($enfermedades as $enfermedad)
                                                @if ($loop->index <= 4)
                                                    <div class="col-md-6">
                                                        @if ($enfermedad->nombre == "Otra" || $enfermedad->nombre == "Cáncer")
                                                            <div class="form-inline form-group form-switch">
                                                                <input class="form-check-input" type="checkbox" id="{{$enfermedad->id}}" name="{{$enfermedad->id.'enfermedad'}}">
                                                                <label class="form-check-label" for="enf">{{$enfermedad->nombre}}</label>
                                                                <input type="text" name="{{$enfermedad->id.'otra'}}" id="{{$enfermedad->id.'otra'}}" class="form-control form-control-sm mx-sm-3" aria-describedby="ind"/>
                                                                <small id="ind" class="text-muted color_pag"><strong>Indicar</strong></small>
                                                            </div>
                                                        @else
                                                            <div class="form-check form-switch">
                                                                <input class="form-check-input" type="checkbox" id="{{$enfermedad->id}}" name="{{$enfermedad->id.'enfermedad'}}">
                                                                <label class="form-check-label" for="enf">{{$enfermedad->nombre}}</label>
                                                            </div>
                                                        @endif
                                                    </div>
                                                @else
                                                    <div class="col-md-6">
                                                        @if ($enfermedad->nombre == "Otra" || $enfermedad->nombre == "Cáncer")
                                                            <div class="form-inline form-group form-switch">
                                                                <input class="form-check-input" type="checkbox" id="{{$enfermedad->id}}" name="{{$enfermedad->id.'enfermedad'}}">
                                                                <label class="form-check-label" for="enf">{{$enfermedad->nombre}}</label>
                                                                <input type="text" name="{{$enfermedad->id.'otra'}}" id="{{$enfermedad->id.'otra'}}" class="form-control form-control-sm mx-sm-3" aria-describedby="ind"/>
                                                                <small id="ind" class="text-muted color_pag"><strong>Indicar</strong></small>
                                                            </div>
                                                        @else
                                                            <div class="form-check form-switch">
                                                                <input class="form-check-input" type="checkbox" id="{{$enfermedad->id}}" name="{{$enfermedad->id.'enfermedad'}}">
                                                                <label class="form-check-label" for="enf">{{$enfermedad->nombre}}</label>
                                                            </div>
                                                        @endif
                                                    </div>
                                                @endif
                                            @endforeach
                                        </div>
                                    </div>
                                    
                                </div>

                                <div class="row espacio15">
                                    <div class="col-md-1"></div>
                                    <div class="col-md-4">
                                        <h5>Antecedentes especificos</h5>
                                    </div>
                                </div>

                                <div class="row espacio10">                                                      
                                    <div class="col-md-12">  
                                        <div class="form-inline form-switch">
                                            <input class="form-check-input" type="checkbox" id="especifico_medicamento" name="especifico_medicamento">
                                            <label class="form-check-label" for="enf">{{"Toma algún medicamento ?"}}</label>
                                            <input type="text" name="especifico_medicamento_detalle" id="especifico_medicamento_detalle" class="form-control form-control-sm mx-sm-3" aria-describedby="ind"/>
                                            <small id="ind" class="text-muted color_pag"><strong>Indique</strong></small>
                                        </div>
                                    </div>
                                </div>

                                <div class="row espacio4">                                                      
                                    <div class="col-md-12">  
                                        <div class="form-inline form-switch">
                                            <input class="form-check-input" type="checkbox"  id="especifico_operado" name="especifico_operado">
                                            <label class="form-check-label" for="enf">{{"Ha sido operado de algo ?"}}</label>
                                            <input type="text" name="espcifico_operado_detalle" id="espcifico_operado_detalle" class="form-control form-control-sm mx-sm-3"/>
                                            <small id="ind" class="text-muted color_pag"><strong>Indique</strong></small>
                                        </div>
                                    </div>
                                </div>

                                <div class="row espacio4">                                                      
                                    <div class="col-md-12">  
                                        <div class="form-inline form-switch">
                                            <input class="form-check-input" type="checkbox"  id="especifico_hemorragia" name="especifico_hemorragia">
                                            <label class="form-check-label" for="enf">{{"Antecedentes de hemorragia"}}</label>
                                            <input type="text" name="especifico_hemorragia_detalle" id="especifico_hemorragia_detalle" class="form-control form-control-sm mx-sm-3"/>
                                            <small id="ind" class="text-muted color_pag"><strong>Especifique</strong></small>
                                        </div>
                                    </div>
                                </div>

                                <div class="row espacio10">
                                    <div class="col-md-1"></div>
                                    <div class="col-md-4">
                                        <h5>Alergias</h5>
                                    </div>

                                    @foreach ($tipo_alergias as $alergia)
                                        <div class="row espacio5">  
                                            @if ($alergia->nombre == "Flúor")
                                                <div class="col-md-12">  
                                                    <div class="form-check form-group form-switch">
                                                        <input class="form-check-input" type="checkbox" id="{{$alergia->id}}" name="{{$alergia->id.'alergia'}}">
                                                        <label class="form-check-label" for="alergias">{{$alergia->nombre}}</label>
                                                    </div>
                                                </div>
                                            @else
                                                <div class="col-md-12">  
                                                    <div class="form-inline form-switch">
                                                        <input class="form-check-input" type="checkbox" id="{{$alergia->id}}" name="{{$alergia->id.'alergia'}}">
                                                        <label class="form-check-label" for="alergias">{{$alergia->nombre}}</label>
                                                        <input type="text" name="{{$alergia->id.'detalle_alergia'}}" id="{{$alergia->id.'detalle_alergia'}}" class="form-control form-control-sm mx-sm-3"/>
                                                    </div>
                                                </div>
                                            @endif
                                        </div>  
                                    @endforeach
                                </div>


                            </div>
                        </div>

                        <div class="tab-pane" id="dentales">
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col-md-12">
                                        <h5 class="text-muted color_pag">Antecedentes Dentales</h5>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-check form-switch">
                                            <input class="form-check-input" onclick="asiste_dentista()" type="checkbox" id="asistencia_dentales" name="asistencia_dentales">
                                            <label class="form-check-label" for="asiste">{{"Ha llevado a su hijo al dentista?"}}</label>
                                        </div>
                                    </div>
                                </div>
                                <div id="cont_urgencias" class="row espacio5 ocultar_div">
                                    <div class="col-md-12">
                                        <div class="row">
                                            <div class="col-md-1"></div>
                                            <div class="col-md-11">
                                                <div class="form-check form-switch">
                                                    <input class="form-check-input"  type="checkbox" id="urgencia_dentales" name="urgencia_dentales">
                                                    <label class="form-check-label" for="urgencias">{{"Solo de urgencia"}}</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="cont_tratamiento" class="row ocultar_div">
                                    <div class="col-md-12">
                                        <div class="row">
                                            <div class="col-md-1"></div>
                                            <div class="col-md-11">
                                                <div class="form-check form-switch">
                                                    <input class="form-check-input"  type="checkbox" id="para_tratamiento" name="para_tratamiento">
                                                    <label class="form-check-label" for="tratamiento">{{"Para Tratamiento"}}</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="cont_controles" class="row ocultar_div">
                                    <div class="col-md-12">
                                        <div class="row">
                                            <div class="col-md-1"></div>
                                            <div class="col-md-11">
                                                <div class="form-check form-switch">
                                                    <input class="form-check-input" onclick="controles_dentales()" type="checkbox" id="controles" name="controles">
                                                    <label class="form-check-label" for="controles">{{"Regularmente a controles"}}</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="cont_control_3" class="row espacio5 ocultar_div">
                                    <div class="col-md-12">
                                        <div class="row">
                                            <div class="col-md-2"></div>
                                            <div class="col-md-10">
                                                <div class="form-check form-switch">
                                                    <input class="form-check-input"  type="checkbox" id="control_3" name="control_3">
                                                    <label class="form-check-label" for="control_3">{{"Cada 3 meses"}}</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="cont_control_6" class="row ocultar_div">
                                    <div class="col-md-12">
                                        <div class="row">
                                            <div class="col-md-2"></div>
                                            <div class="col-md-10">
                                                <div class="form-check form-switch">
                                                    <input class="form-check-input"  type="checkbox" id="control_6" name="control_6">
                                                    <label class="form-check-label" for="control_6">{{"Cada 6 meses"}}</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="cont_control_12" class="row ocultar_div">
                                    <div class="col-md-12">
                                        <div class="row">
                                            <div class="col-md-2"></div>
                                            <div class="col-md-10">
                                                <div class="form-check form-switch">
                                                    <input class="form-check-input"  type="checkbox" id="control_12" name="control_12">
                                                    <label class="form-check-label" for="control_12">{{"Una vez al año"}}</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row espacio5">
                                    <div class="col-md-12">
                                        <div class="form-check form-switch">
                                            <input class="form-check-input" onclick="traumatismo()" type="checkbox" id="traumatismo_dental" name="traumatismo_dental">
                                            <label class="form-check-label" for="traumatismo">{{"Su hijo a sufrido de algún traumatismo dentario ?"}}</label>
                                        </div>
                                    </div>
                                </div>
                                <div id="cont_traumatismo" class="row espacio5 ocultar_div">
                                    <div class="col-md-12">
                                        <div class="row">
                                            <div class="col-md-9">
                                                <div class="form-group">
                                                    <textarea class="form-control" name="comentario_traumatismo" id="comentario_traumatismo" rows="2"></textarea>
                                                </div>
                                            </div>
                                            <div class="col-md-3"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row espacio5">
                                    <div class="col-md-12">
                                        <div class="form-check form-switch">
                                            <input class="form-check-input" onclick="otra_info()" type="checkbox" id="otra_informacion" name="otra_informacion">
                                            <label class="form-check-label" for="otra_informacion">{{"Desea agregar otra información ?"}}</label>
                                        </div>
                                    </div>
                                </div>
                                <div id="cont_informacion" class="row espacio5 ocultar_div">
                                    <div class="col-md-12">
                                        <div class="row">
                                            <div class="col-md-9">
                                                <div class="form-group">
                                                    <textarea class="form-control" name="comentario_otra_informacion" id="comentario_otra_informacion" rows="2"></textarea>
                                                </div>
                                            </div>
                                            <div class="col-md-3"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="tab-pane" id="habitos">
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col-md-12">
                                        <h3 class="text-muted color_pag">Habitos</h3>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-inline form-group">
                                            <label class="form-check-label" for="fre">{{"Frecuencia de cepillado"}}</label>
                                            <input type="text" name="frecuencia_cepillado" id="frecuencia_cepillado" class="form-control form-control-sm mx-sm-3" aria-describedby="veces">
                                            <small id="veces" class="text-muted color_pag"><strong>indicar veces al dia</strong></small>
                                        </div>
                                    </div>
                                </div>
                                @foreach ($habitos as $habito)
                                    @if ($habito->detalle == "N")
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-check form-switch">
                                                    <input class="form-check-input"  type="checkbox" name="{{"habito".$habito->id}}" id="{{"habito".$habito->id}}">
                                                    <label class="form-check-label" for="hab">{{$habito->nombre}}</label>
                                                </div>
                                            </div>
                                        </div>
                                    @else
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-check form-switch">
                                                    <input class="form-check-input" onclick="uso_biberon(this)" type="checkbox" name="{{"habito".$habito->id}}" id="{{"habito".$habito->id}}">
                                                    <label class="form-check-label" for="hab">{{$habito->nombre}}</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row ocultar_div" id="nro_veces_biberon">
                                            <div class="col-md-12">
                                                <div class="form-inline form-group">
                                                    <label class="form-check-label" for="fre">{{"Indicar cuantos años dejo de usarlo"}}</label>
                                                    <input type="text" id="veces_biberon" name="veces_biberon" class="form-control form-control-sm mx-sm-3" aria-describedby="veces_biberon">
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                @endforeach
                                <div class="row espacio5">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="comentario_habito">Comentario u Observacion</label>
                                            <textarea class="form-control" name="comentario_habito" id="comentario_habito" rows="2"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="tab-pane" id="condiciones">
                            <div class="container-fluid">
                                <div class="row espacio5">
                                    <div class="col-md-12">
                                        <h5>{{'Condiciones Especiales'}}</h5>
                                    </div>
                                    @foreach ($condiciones as $condicion)
                                        <div class="row">  
                                            <div class="col-md-12">
                                                <div class="form-check form-switch">
                                                    <input class="form-check-input" type="checkbox" id="{{$condicion->id.'condicion'}}" name="{{$condicion->id.'condicion'}}">
                                                    <label class="form-check-label" for="con">{{$condicion->nombre}}</label>
                                                </div>
                                            </div>
                                        </div> 
                                    @endforeach
                                </div>
                                <div class="row espacio10">
                                    <div class="col-md-12">
                                        <div class="form-check form-switch">
                                            <input class="form-check-input" onclick="hay_especial()" type="checkbox" id="especial" name="especial">
                                            <label class="form-check-label" for="hay_especial"><strong>{{"¿ Habría algo que le permita al dentista dar una mejor atención a su hijo ?"}}</strong></label>
                                        </div>
                                    </div>
                                </div>
                                <div class="row ocultar_div" id="comentario_especial">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <textarea class="form-control" name="especial_comentario" id="especial_comentario" rows="2"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="tab-pane" id="documentos">
                            <div class="container-fluid">
                                <div class="row espacio10">
                                    <div class="col-md-12">
                                        <div class="form-check form-switch">
                                            <input class="form-check-input" onclick="pase_medico()" type="checkbox" id="pase" name="pase">
                                            <label class="form-check-label" for="pase">{{"Su hijo equiere de pase médico para ser atendido ?"}}</label>
                                        </div>
                                    </div>
                                    <div class="row espacio5 ocultar_div" id="cont_pase">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="pase_medico">Subir certificado, solo archivos pdf</label>
                                                <input type="file" name="pase_medico_cert" accept="application/pdf" class="form-control form-control-sm color_pag" id="pase_medico_cert" />
                                            </div>
                                        </div>
                                        <div class="col-md-3 espacio30">
                                            <button type="button" id="pase_cert" onclick="limpiar_sub(this)" class="btn btn-sm btn-secondary">Limpiar</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="row espacio10">
                                    <div class="col-md-12">
                                        <div class="form-check form-switch">
                                            <input class="form-check-input" onclick="documentos_ficha()" type="checkbox" id="doc_ficha" name="doc_ficha">
                                            <label class="form-check-label" for="doc_ficha">{{"Tiene algún examen o informe médico y/o dental de su hijo(a) que necesite compartir ?"}}</label>
                                        </div>
                                    </div>
                                    <div class="row espacio5 ocultar_div" id="cont_doc_ficha">
                                        <div class="row" id="div_informe_medicos">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <input type="hidden" name="MAX_FILE_SIZE" value="10000000"> 
                                                    <label for="curriculo">Informes Medicos, solo archivos pdf</label>
                                                    <input type="file" name="informe_medico1" accept="application/pdf" class="form-control form-control-sm color_pag" id="informe_medico1" />
                                                    
                                                </div>
                                            </div>
                                            <div class="col-md-3 espacio30">
                                                <button type="button" id="inf_med" onclick="limpiar_sub(this)" value="1" class="btn btn-sm btn-secondary">Limpiar</button>
                                                <button type="button" id="otro_inf_med" onclick="otro_doc(this)" value="1" class="btn btn-sm btn-primary">Otro</button>
                                            </div>
                                        </div>
                                        <div class="row" id="div_informe_dentales">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="curriculo">Informes Dentales, solo archivos pdf</label>
                                                    <input type="file" name="informe_dental1" accept="application/pdf" class="form-control form-control-sm color_pag" id="informe_dental1" />
                                                </div>
                                            </div>
                                            <div class="col-md-3 espacio30">
                                                <button type="button" id="inf_den" onclick="limpiar_sub(this)" value="1" class="btn btn-sm btn-secondary">Limpiar</button>
                                                <button type="button" id="otro_inf_den" onclick="otro_doc(this)" value="1" class="btn btn-sm btn-primary">Otro</button>
                                            </div>
                                        </div>
                                        <div class="row" id="div_examenes">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="curriculo">Examenes de laboratorios, solo archivos pdf</label>
                                                    <input type="file" name="examen_laboratorio1" accept="application/pdf" class="form-control form-control-sm color_pag" id="examen_laboratorio1" />
                                                </div>
                                            </div>
                                            <div class="col-md-3 espacio30">
                                                <button type="button" id="exa_lab" onclick="limpiar_sub(this)" value="1" class="btn btn-sm btn-secondary">Limpiar</button>
                                                <button type="button" id="otro_exa_lab" onclick="otro_doc(this)" value="1" class="btn btn-sm btn-primary">Otro</button>
                                            </div>
                                        </div>
                                        <div class="row" id="div_radiografias">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="curriculo">Radiografías, TAC, solo archivos pdf</label>
                                                    <input type="file" name="radiografia_tac1" accept="application/pdf" class="form-control form-control-sm color_pag" id="radiografia_tac1" />
                                                </div>
                                            </div>
                                            <div class="col-md-3 espacio30">
                                                <button type="button" id="rad_tac" onclick="limpiar_sub(this)" value="1" class="btn btn-sm btn-secondary">Limpiar</button>
                                                <button type="button" id="otro_rad_tac" onclick="otro_doc(this)" value="1" class="btn btn-sm btn-primary">Otro</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row espacio5 ocultar_div" id="cont_doc_ficha">
                                    <div class="col-md-8">

                                    </div>
                                </div>

                            </div>
                        </div>

                    </div>
                </div>

                
            </div>
        </div>
    </div>
</form>
@stop

@section('scripts')
<script src="{{ asset('js/jquery-3.5.1.js') }}" defer></script>
<script src="{{ asset('js/anamnesis.js') }}" defer></script>

@endsection