@extends('layouts.app')

@section('content')
    <div class="row justify-content-center" style="margin-top:1em">
        <div class="col-11">

            <div class="card shadow p-3 mb-5 bg-body rounded">
                <div class="row justify-content-center" style="margin-top:0em;margin-bottom:0em;padding:0em">
                    <div class="col-12" align="center" style="color:#222222;font-family:Soho Std;font-size:2.2em">
                        Registro de información médica
                    </div>
                </div>
                <hr />
                <div class="card-body" style="padding:0em 2em 2em 2em">
                    <form method="POST" action="{{ route('updateMedicDataArrestedFaults', $arrestedFault->id) }}">
                        @csrf
                        <div class="row justify-content-center">
                            <div class="col-6">
                                <a href="{{ route('indexMedicDataArrestedFaults') }}"
                                    style="cursor: pointer;text-decoration: none;color:darkslateblue;font-size:1.1em">
                                    <strong>
                                        <i class="fas fa-arrow-left"></i> Volver
                                    </strong>
                                </a>
                            </div>
                            <div class="col-6">
                                <label for="folio" class="form-label">Folio</label>
                                <input id="folio" name="folio" type="text"
                                    class="form-control" required readonly
                                    value={{ isset($arrestedFault->folio) ? $arrestedFault->folio : '' }} >
                            </div>
                        </div>
                        <div class="row justify-content-center" style="margin-top:1em">
                            <div class="col-6">
                                <label for="arrested_name" class="form-label">Nombre(s)</label>
                                <input id="arrested_name" name="arrested_name" type="text" class="form-control" maxlength="255"
                                    value={{ old('arrested_name') ? old('arrested_name') : (isset($arrestedFault->arrested_name) ? $arrestedFault->arrested_name : '') }}>
                            </div>
                            <div class="col-6">
                                <label for="arrested_first_lastname" class="form-label">Apellido Paterno</label>
                                <input id="arrested_first_lastname" name="arrested_first_lastname" type="text"
                                    class="form-control" maxlength="255"
                                    value={{ old('arrested_first_lastname') ? old('arrested_first_lastname') : (isset($arrestedFault->arrested_first_lastname) ? $arrestedFault->arrested_first_lastname : '') }}>
                            </div>
                        </div>
                        <div class="row justify-content-center" style="margin-top:1em">
                            <div class="col-6">
                                <label for="arrested_second_lastname" class="form-label">Apellido Materno</label>
                                <input id="arrested_second_lastname" name="arrested_second_lastname" type="text"
                                    class="form-control" maxlength="255"
                                    value={{ old('arrested_second_lastname') ? old('arrested_second_lastname') : (isset($arrestedFault->arrested_second_lastname) ? $arrestedFault->arrested_second_lastname : '') }}>
                            </div>
                            <div class="col-6">
                                <label for="arrested_alias" class="form-label">Alias</label>
                                <input id="arrested_alias" name="arrested_alias" type="text" class="form-control" maxlength="255"
                                    value={{ old('arrested_alias') ? old('arrested_alias') : (isset($arrestedFault->arrested_alias) ? $arrestedFault->arrested_alias : '') }}>
                            </div>
                        </div>
                        <div class="row justify-content-center" style="margin-top:1em">
                            <div class="col-3">
                                <label for="arrested_gender" class="form-label">Sexo</label>
                                <select id="arrested_gender" name="arrested_gender" class="form-control">
                                    <option value="">-- Seleccione un valor --</option>
                                    @if (old('arrested_gender'))
                                        <option value="hombre" {{ old('arrested_gender') == 'hombre' ? 'selected' : '' }}>
                                            Hombre</option>
                                        <option value="mujer" {{ old('arrested_gender') == 'mujer' ? 'selected' : '' }}>
                                            Mujer</option>
                                        <option value="no_binario"
                                            {{ old('arrested_gender') == 'no_binario' ? 'selected' : '' }}>No binario
                                        </option>
                                    @else
                                        <option value="hombre"
                                            {{ $arrestedFault->arrested_gender == 'hombre' ? 'selected' : '' }}>Hombre
                                        </option>
                                        <option value="mujer"
                                            {{ $arrestedFault->arrested_gender == 'mujer' ? 'selected' : '' }}>Mujer
                                        </option>
                                        <option value="no_binario"
                                            {{ $arrestedFault->arrested_gender == 'no_binario' ? 'selected' : '' }}>No
                                            binario</option>
                                    @endif
                                </select>
                            </div>
                            <div class="col-3">
                                <label for="birthday" class="form-label">Fecha de nacimiento</label>
                                <input id="birthday" name="birthday" type="date" class="form-control"
                                    onchange="calculateAge()"
                                    value="{{ old('birthday') ? old('birthday') : ($arrestedFault->arrested_birthday ? $arrestedFault->arrested_birthday : '') }}">
                            </div>
                            <div class="col-3">
                                <label for="age" class="form-label">Edad</label>
                                <input id="age" name="age" type="number" class="form-control" disabled
                                    value="{{ old('age') }}">
                            </div>
                            <div class="col-3">
                                <label for="apparent_age" class="form-label">Edad aparente</label>
                                @if (old('birthday'))
                                    <input id="apparent_age" name="apparent_age" type="number"
                                        class="form-control mask-3-digits" readonly>
                                @else
                                    <input id="apparent_age" name="apparent_age" type="number"
                                        class="form-control mask-3-digits"
                                        value="{{ old('apparent_age') ? old('apparent_age') : $arrestedFault->apparent_age }}">
                                @endif
                            </div>
                        </div>
                        <div class="row justify-content-center" style="margin-top:1em">
                            <div class="col-12">
                                <label for="arrested_description" class="form-label">Descripción del detenido</label>
                                <textarea id="arrested_description" name="arrested_description" class="form-control" rows="3"
                                    placeholder="Describa brevemente a la persona detenida, incluyendo tipo de vestimenta y rasgos visibles (barba, tatuajes, cicatrices, lunares, bigote, etcétera).">{{ old('arrested_description') ? old('arrested_description') : ($arrestedFault->arrested_description ? $arrestedFault->arrested_description : '') }}</textarea>
                            </div>
                        </div>
                        <div class="row justify-content-center" style="margin-top:1em">
                            <div class="col-12">
                                <label for="addres" class="form-label">Domicilio</label>
                                <p id="address" class="form-control">
                                    @php
                                        echo isset($arrestedFault->street_address) ? $arrestedFault->street_address : '';
                                        echo isset($arrestedFault->exterior_number_address) ? ' ' . $arrestedFault->exterior_number_address : '';
                                        echo isset($arrestedFault->interior_number_address) ? 'interior ' . $arrestedFault->interior_number_address : '';
                                        echo isset($arrestedFault->colony_address) ? ', ' . $arrestedFault->colony_address : '';
                                        echo isset($arrestedFault->postal_code_address) ? ', CP: ' . $arrestedFault->postal_code_address : '';
                                        echo isset($arrestedFault->township_address) ? ', ' . $arrestedFault->township_address : '';
                                        echo isset($arrestedFault->state_address) ? ', ' . $arrestedFault->state_address : '';
                                    @endphp
                                </p>
                            </div>
                        </div>
                        <div class="row justify-content-center" style="margin-top:1em">
                            <div class="col-12">
                                <label for="external_habitus" class="form-label">Habitus Externo</label>
                                <input id="external_habitus" name="external_habitus" type="text" class="form-control"
                                    value="{{ isset($arrestedFault->medicDataArrestedFault->external_habitus) ? $arrestedFault->medicDataArrestedFault->external_habitus : (null !== old('external_habitus') ? old('external_habitus') : 'INTEGRO, TRANQUILO, COOPERADOR.') }}">
                            </div>
                        </div>
                        <div class="row justify-content-center" style="margin-top:1em">
                            <div class="col-12">
                                <label for="substance_use" class="form-label">Refiere el uso y/o consumo de</label>
                                <input id="substance_use" name="substance_use" type="text" class="form-control"
                                    value="{{ isset($arrestedFault->medicDataArrestedFault->substance_use) ? $arrestedFault->medicDataArrestedFault->substance_use : (null !== old('substance_use') ? old('substance_use') : 'NEGADO.') }}">
                            </div>
                        </div>
                        <div class="row justify-content-center" style="margin-top:1em">
                            <div class="col-12">
                                <label for="diseases" class="form-label">Enfermedades</label>
                                <input id="diseases" name="diseases" type="text" class="form-control"
                                    value="{{ isset($arrestedFault->medicDataArrestedFault->diseases) ? $arrestedFault->medicDataArrestedFault->diseases : (null !== old('diseases') ? old('diseases') : 'INTERROGADOS Y NEGADAS.') }}">
                            </div>
                        </div>
                        <div class="row justify-content-center" style="margin-top:1em">
                            <div class="col-12">
                                <label for="medical_use" class="form-label">Uso de medicamentos</label>
                                <input id="medical_use" name="medical_use" type="text" class="form-control"
                                    value="{{ isset($arrestedFault->medicDataArrestedFault->medical_use) ? $arrestedFault->medicDataArrestedFault->medical_use : (null !== old('medical_use') ? old('medical_use') : 'INTERROGADOS Y NEGADOS.') }}">
                            </div>
                        </div>
                        <div class="row justify-content-center" style="margin-top:1em">
                            <div class="col-12">
                                <label for="refer" class="form-label">Refiere</label>
                                <textarea id="refer" name="refer" class="form-control" rows="3" maxlength="500">{{ isset($arrestedFault->medicDataArrestedFault->refer) ? $arrestedFault->medicDataArrestedFault->refer : (null !== old('refer') ? old('refer') : 'NO PRESENTAR DOLORES, MOLESTIAS, LESIONES O HERIDAS MENORES A 12 HORAS, AL MOMENTO DE LA CERTIFICACIÓN.') }}</textarea>
                            </div>
                        </div>
                        <div class="row justify-content-center" style="margin-top:1em">
                            <div class="col-12">
                                <label for="physical_exploration" class="form-label">A la exploración física</label>
                                <textarea id="physical_exploration" name="physical_exploration" class="form-control" rows="3"
                                    maxlength="500">{{ isset($arrestedFault->medicDataArrestedFault->physical_exploration) ? $arrestedFault->medicDataArrestedFault->physical_exploration : (null !== old('physical_exploration') ? old('physical_exploration') : 'Conjuntivas normocrómicas, pupilas normoreflexicas. No presentar rubor facial, mucosa oral bien hidratada, sin alteración en la coordinación motora. Sin presencia de heridas ni lesiones físicas aparentes menores a 12 horas de evolución, al momento de la certificación.') }}</textarea>
                            </div>
                        </div>
                        <div class="form-check form-switch" style="margin-top:1em">
                            <input type="hidden" name="traffic_certificate" value="0">
                            <input class="form-check-input" type="checkbox" id="traffic_certificate"
                                name="traffic_certificate" value="1" onchange="enableTrafficCertificateSection()"
                                @if(old('traffic_certificate') != null)
                                  {{ old('traffic_certificate') == true ? 'checked' : '' }}
                                @else
                                  {{ isset($arrestedFault->medicDataArrestedFault->traffic_certificate ) ? ( $arrestedFault->medicDataArrestedFault->traffic_certificate == true ? 'checked' : '' ) : '' }}
                                @endif
                                />
                            <label class="form-check-label" for="traffic_certificate">¿Certificado para
                                tránsito?</label>
                        </div>
                        <div id="traffic_certificate_section" style="display:none;">
                            <div id='div_traffic_incidents'>
                                <div class="col-3">
                                    <button type="button" class="btn btn-primary btn-block" id="add_traffic_incidet" onclick="addTrafficIncident()"
                                        style="margin-top:2em">
                                        <strong>
                                            Agregar incidente <i class="fas fa-plus"></i>
                                        </strong>
                                    </button>
                                </div>
                            </div>
                            <div class="form-check form-switch" style="margin-top:1em">
                                <input type="hidden" name="breathalyzer_available" value="0">
                                <input class="form-check-input" type="checkbox" id="breathalyzer_available"
                                    name="breathalyzer_available" value="1"
                                    onchange="enableMotorCoordinationTests()"
                                    @if(old('breathalyzer_available') !== null)
                                        {{ old('breathalyzer_available') == true ? 'checked' : '' }}
                                    @else
                                        {{ isset($arrestedFault->medicDataArrestedFault->breathalyzer_available ) ? ( $arrestedFault->medicDataArrestedFault->breathalyzer_available == true ? 'checked' : '' ) : 'checked' }}
                                    @endif
                                    />
                                <label class="form-check-label" for="flexSwitchCheckChecked">Alcoholímetro
                                    disponible
                                </label>
                            </div>
                        </div>
                        <div id="breathalyzer_section" style="display:
                            @if(old('breathalyzer_available') !== null)
                                {{ old('breathalyzer_available') == true ? 'block' : 'none'  }}
                            @else
                                {{ isset($arrestedFault->medicDataArrestedFault->breathalyzer_available ) ? ( $arrestedFault->medicDataArrestedFault->breathalyzer_available == true ? 'block' : 'none' ) : 'none' }}
                            @endif
                        ;">
                            <label for="breathalyzer" class="form-label">Prueba del Alcoholímetro:</label> <output
                                id="breathalyzer_label">{{ (old('breathalyzer')  !== null ) ? old('breathalyzer') : (isset($arrestedFault->medicDataArrestedFault->breathalyzer) ? $arrestedFault->medicDataArrestedFault->breathalyzer : '0.0') }}</output>mg
                            <input type="range" class="form-range" min="0.00" max="0.70" step="0.01"
                                id="breathalyzer" name="breathalyzer"
                                oninput="document.getElementById('breathalyzer_label').value = this.value"
                                value="{{ (old('breathalyzer')  !== null ) ? old('breathalyzer') : (isset($arrestedFault->medicDataArrestedFault->breathalyzer) ? $arrestedFault->medicDataArrestedFault->breathalyzer : '0.0')  }}"
                                onchange="updateDrunkSate()">
                        </div>
                        <div id="motor_coordination_tests_section"  style="display:
                            @if(old('breathalyzer_available') !== null)
                                {{ old('breathalyzer_available') == true ? 'none' : 'block'  }}
                            @else
                                {{ isset($arrestedFault->medicDataArrestedFault->breathalyzer_available ) ? ( $arrestedFault->medicDataArrestedFault->breathalyzer_available == true ? 'none' : 'block' ) : 'none' }}
                            @endif
                            ;">
                            <div class="row justify-content-center" style="margin-top:1em">
                                <div class="col-12">
                                    <label for="romber_test_description" class="form-label"><strong>Prueba de
                                            ROMBERG</strong></label>
                                    <p> Consistente en que al indicarle a la persona que se coloque en posición erguida, con
                                        los pies juntos, brazos extendidos lateralmente a la altura de los hombros, ojos
                                        cerrados y cabeza ligeramente hacia atrás. </p>
                                    <div class="form-check form-check-inline">
                                        @if(old('romber_test') !== null)
                                                $arrestedFault->medicDataArrestedCrime->romber_test == 'postiva')
                                            <input class="form-check-input" type="radio" name="romber_test"
                                                id="romber_test_positive" value="positiva" {{ old('romber_test') == 'positiva' ? 'checked' : ''  }}
                                                onchange="updateRomberTestDescription()">
                                        @else
                                            <input class="form-check-input" type="radio" name="romber_test"
                                                id="romber_test_positive" value="positiva" {{ isset($arrestedFault->medicDataArrestedFault->romber_test ) ? ( $arrestedFault->medicDataArrestedFault->romber_test == 'positiva' ? 'checked' : '' ) : '' }}
                                                onchange="updateRomberTestDescription()">
                                        @endif
                                        <label class="form-check-label" for="positiva">POSITIVA</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        @if(old('romber_test') !== null)
                                            <input class="form-check-input" type="radio" name="romber_test"
                                                id="romber_test_safe" value="segura" {{ old('romber_test') == 'segura' ? 'checked' : ''  }}
                                                onchange="updateRomberTestDescription()">
                                        @else
                                            <input class="form-check-input" type="radio" name="romber_test"
                                                id="romber_test_safe" value="segura" {{ isset($arrestedFault->medicDataArrestedFault->romber_test ) ? ( $arrestedFault->medicDataArrestedFault->romber_test == 'segura' ? 'checked' : '' ) : '' }}
                                                onchange="updateRomberTestDescription()">
                                        @endif
                                        <label class="form-check-label "for="segura">SEGURA</label>
                                    </div>
                                    <textarea id="romber_test_description" name="romber_test_description" class="form-control" rows="3"
                                        maxlength="1000">{{ isset($arrestedFault->medicDataArrestedCrime->romber_test_description) ? $arrestedFault->medicDataArrestedCrime->romber_test_description : (null !== old('romber_test_description') ? old('romber_test_description') : '') }}</textarea>
                                </div>
                            </div>

                            <div class="row justify-content-center" style="margin-top:1em">
                                <div class="col-12">
                                    <label for="toe_heel_toe_test_description" class="form-label"><strong>Prueba PUNTA
                                            TALON PUNTA</strong></label>
                                    <p>Consistente en que al indicarle a la persona que camine en línea recta, con la mirada
                                        al frente, tocando la punta del talón de ambos pies.</p>
                                    <div class="form-check form-check-inline">
                                        @if(old('toe_heel_toe_test') !== null)
                                            <input class="form-check-input" type="radio" name="toe_heel_toe_test"
                                                id="toe_heel_toe_test_positive" value="positiva"  {{ old('toe_heel_toe_test') == 'positiva' ? 'checked' : ''  }}
                                                onchange="updatetoeHeelToeTestDescription()">
                                        @else
                                            <input class="form-check-input" type="radio" name="toe_heel_toe_test"
                                                id="toe_heel_toe_test_positive" value="positiva"  {{ isset($arrestedFault->medicDataArrestedFault->toe_heel_toe_test ) ? ( $arrestedFault->medicDataArrestedFault->toe_heel_toe_test == 'positiva' ? 'checked' : '' ) : '' }}
                                                onchange="updatetoeHeelToeTestDescription()">
                                        @endif
                                        <label class="form-check-label" for="positiva">POSITIVA</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        @if(old('toe_heel_toe_test') !== null)
                                            <input class="form-check-input" type="radio" name="toe_heel_toe_test"
                                                id="toe_heel_toe_test_safe" value="segura"  {{ old('romber_test') == 'segura' ? 'checked' : ''  }}
                                                onchange="updatetoeHeelToeTestDescription()">
                                        @else
                                            <input class="form-check-input" type="radio" name="toe_heel_toe_test"
                                                id="toe_heel_toe_test_safe" value="segura"  {{ isset($arrestedFault->medicDataArrestedFault->toe_heel_toe_test ) ? ( $arrestedFault->medicDataArrestedFault->toe_heel_toe_test == 'segura' ? 'checked' : '' ) : '' }}
                                                onchange="updatetoeHeelToeTestDescription()">
                                        @endif
                                        <label class="form-check-label "for="segura">SEGURA</label>
                                    </div>
                                    <textarea id="toe_heel_toe_test_description" name="toe_heel_toe_test_description" class="form-control"
                                        rows="3" maxlength="1000">{{ isset($arrestedFault->medicDataArrestedCrime->toe_heel_toe_test_description) ? $arrestedFault->medicDataArrestedCrime->toe_heel_toe_test_description : (null !== old('toe_heel_toe_test_description') ? old('toe_heel_toe_test_description') : '') }}</textarea>
                                </div>
                            </div>

                            <div class="row justify-content-center" style="margin-top:1em">
                                <div class="col-12">
                                    <label for="finger_nose_finger_test_description" class="form-label"><strong>Prueba
                                            DEDO NARIZ DEDO</strong></label>
                                    <p>Consistente en que al indicarle a la persona se coloque en posición erguida, con los
                                        pies juntos y brazos extendidos lateralmente a la altura de los hombros y al
                                        ordenarle que se toque la punta de la nariz con el dedo índice alternando mano
                                        derecha e izquierda.</p>
                                    <div class="form-check form-check-inline">
                                        @if(old('finger_nose_finger_test') !== null)
                                            <input class="form-check-input" type="radio" name="finger_nose_finger_test"
                                                id="finger_nose_finger_test_positive" value="positiva" {{ old('romber_test') == 'positiva' ? 'checked' : ''  }}
                                                onchange="updatefingerNoseFingerTestDescription()">
                                        @else
                                            <input class="form-check-input" type="radio" name="finger_nose_finger_test"
                                                id="finger_nose_finger_test_positive" value="positiva" {{ isset($arrestedFault->medicDataArrestedFault->finger_nose_finger_test ) ? ( $arrestedFault->medicDataArrestedFault->finger_nose_finger_test == 'positiva' ? 'checked' : '' ) : '' }}
                                                onchange="updatefingerNoseFingerTestDescription()">
                                        @endif
                                        <label class="form-check-label" for="positiva">POSITIVA</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        @if(old('finger_nose_finger_test') !== null)
                                            <input class="form-check-input" type="radio" name="finger_nose_finger_test"
                                                id="finger_nose_finger_test_safe" value="segura" {{ old('finger_nose_finger_test') == 'segura' ? 'checked' : ''  }}
                                                onchange="updatefingerNoseFingerTestDescription()">
                                        @else
                                            <input class="form-check-input" type="radio" name="finger_nose_finger_test"
                                                id="finger_nose_finger_test_safe" value="segura" {{ isset($arrestedFault->medicDataArrestedFault->finger_nose_finger_test ) ? ( $arrestedFault->medicDataArrestedFault->finger_nose_finger_test == 'segura' ? 'checked' : '' ) : '' }}
                                                onchange="updatefingerNoseFingerTestDescription()">
                                        @endif
                                        <label class="form-check-label "for="segura">SEGURA</label>
                                    </div>
                                    <textarea id="finger_nose_finger_test_description" name="finger_nose_finger_test_description" class="form-control"
                                        rows="3" maxlength="1000">{{ isset($arrestedFault->medicDataArrestedCrime->finger_nose_finger_test_description) ? $arrestedFault->medicDataArrestedCrime->finger_nose_finger_test_description : (null !== old('finger_nose_finger_test_description') ? old('finger_nose_finger_test_description') : '') }}</textarea>
                                </div>
                            </div>
                        </div>
                        <div class="form-check form-check-inline" style="margin-top:1em">
                            @if(old('drunk_state') !== null)
                                <input class="form-check-input" type="radio" name="drunk_state" id="sober_state"
                                    value="sobrio" {{ old('drunk_state') == 'sobrio' ? 'checked' : ''  }}>
                            @else
                                <input class="form-check-input" type="radio" name="drunk_state" id="sober_state"
                                    value="sobrio" {{ isset($arrestedFault->medicDataArrestedFault->drunk_state ) ? ( $arrestedFault->medicDataArrestedFault->drunk_state == 'sobrio' ? 'checked' : '' ) : 'checked' }}>
                            @endif
                            <label class="form-check-label" for="sobrio">Estado sobrio</label>
                        </div>
                        <div class="form-check form-check-inline">
                            @if(old('drunk_state') !== null)
                                <input class="form-check-input" type="radio" name="drunk_state" id="drunk_state"
                                    value="ebrio" {{ old('drunk_state') == 'ebrio' ? 'checked' : ''  }}>
                            @else
                                <input class="form-check-input" type="radio" name="drunk_state" id="drunk_state"
                                    value="ebrio" {{ isset($arrestedFault->medicDataArrestedFault->drunk_state ) ? ( $arrestedFault->medicDataArrestedFault->drunk_state == 'ebrio' ? 'checked' : '' ) : '' }}>
                            @endif
                            <label class="form-check-label" for="ebrio">Estado de ebriedad</label>
                        </div>
                        <div class="form-check form-check-inline">
                            @if(old('drunk_state') !== null)
                                <input class="form-check-input" type="radio" name="drunk_state"
                                    id="alcoholic_breath_state" id="aliento_alcoholico" value="aliento_alcoholico"
                                    {{ old('drunk_state') == 'aliento_alcoholico' ? 'checked' : ''  }}>
                            @else
                                <input class="form-check-input" type="radio" name="drunk_state"
                                    id="alcoholic_breath_state" id="aliento_alcoholico" value="aliento_alcoholico"
                                    {{ isset($arrestedFault->medicDataArrestedFault->drunk_state ) ? ( $arrestedFault->medicDataArrestedFault->drunk_state == 'aliento_alcoholico' ? 'checked' : '' ) : '' }}
                                    >
                            @endif
                            <label class="form-check-label" for="aliento_alcoholico">Aliento alcohólico</label>
                        </div>
                        <div class="form-check form-check-inline">
                            @if(old('drunk_state') !== null)
                                <input class="form-check-input" type="radio" name="drunk_state" id="intoxicated_state"
                                    value="intoxicado" {{ old('drunk_state') == 'intoxicado' ? 'checked' : ''  }}>
                            @else
                                <input class="form-check-input" type="radio" name="drunk_state" id="intoxicated_state"
                                    value="intoxicado" {{ isset($arrestedFault->medicDataArrestedFault->drunk_state ) ? ( $arrestedFault->medicDataArrestedFault->drunk_state == 'intoxicado' ? 'checked' : '' ) : '' }}>
                            @endif
                            <label class="form-check-label" for="intoxicado">Estado de intoxicación</label>
                        </div>
                        <div class="row justify-content-center" style="margin-top:1em">
                            <div class="col-12">
                                <label for="covid_note" class="form-label">Nota covid</label>
                                <input id="covid_note" name="covid_note" type="text" class="form-control"
                                    value="{{ isset($arrestedFault->medicDataArrestedFault->covid_note) ? $arrestedFault->medicDataArrestedFault->covid_note : (null !== old('covid_note') ? old('covid_note') : 'EN ESTOS MOMENTOS CON TEMPERATURA CORPORAL NORMAL, NO PRESENTA AFECCIÓN RESPIRATORIA.') }}">
                            </div>
                        </div>
                        <div class="row justify-content-center" style="margin-top:1em">
                            <div class="col-12">
                                <label for="recomendation" class="form-label">Recomendación médica</label>
                                <textarea id="recomendation" name="recomendation" class="form-control" rows="3" maxlength="500">{{ isset($arrestedFault->medicDataArrestedFault->recomendation) ? $arrestedFault->medicDataArrestedFault->recomendation : (null !== old('recomendation') ? old('recomendation') : 'EN ESTE MOMENTO NO PRESENTA RIESGOS PARA SU SALUD.') }}</textarea>
                            </div>
                        </div>
                        <div class="row justify-content-center" style="margin-top:1em">
                            <div class="col-6">
                                <label for="witness" class="form-label">Testigo</label>
                                <input id="witness" name="witness" type="text" class="form-control"
                                    value="{{ isset($arrestedFault->medicDataArrestedFault->witness) ? $arrestedFault->medicDataArrestedFault->witness : (null !== old('witness') ? old('witness') : '') }}">
                            </div>
                            <div class="col-6">
                                <label for="witness_position" class="form-label">Cargo del testigo</label>
                                <input id="witness_position" name="witness_position" type="text" class="form-control"
                                    value="{{ isset($arrestedFault->medicDataArrestedFault->witness_position) ? $arrestedFault->medicDataArrestedFault->witness_position : (null !== old('witness_position') ? old('witness_position') : '') }}">
                            </div>
                            <div class="row justify-content-center" style="margin-top:2em">
                                <div class="col-12" align="right">
                                    <button type="submit" class="btn btn-primary btn-block">Certificar</button>
                                </div>
                            </div>
                    </form>
                </div>
            </div>

        </div>
    </div>
    <input text id="traffic_incidents_get_all" value="{{ route('traffic-incidents.get-all') }} " hidden>
@endsection

@section('js-files')
    <script type="text/javascript">

        var idAuxTrafficIncident = 0;
        let trafficIncidents =@json($arrestedFault->trafficIncidentsDescriptionsById());
        window.addEventListener('DOMContentLoaded', (event) => {
            calculateAge();
            document.getElementById('medicCertificatesCollapse').setAttribute("aria-expanded", true);
            document.getElementById('medicCertificates').classList.add("show");

            let trafficIncidents =@json($arrestedFault->trafficIncidentsDescriptionsById());
            enableTrafficCertificateSection(true);

		    if( trafficIncidents !== '' ){
                for (let index in trafficIncidents){
                    addTrafficIncident(index);
                }
            }
        });

        function calculateAge() {
            let birthday = new Date(document.getElementById('birthday').value);
            birthday.setMinutes(birthday.getMinutes() + birthday.getTimezoneOffset());
            let today = new Date();
            today.setMinutes(today.getMinutes() + today.getTimezoneOffset());
            let age = today.getFullYear() - birthday.getFullYear();
            let months = today.getMonth() - birthday.getMonth();
            if (months < 0 || (months === 0 && today.getDate() < birthday.getDate())) {
                age--;
            }
            document.getElementById('age').value = age;
            if (isNaN(birthday.getTime())) {
                document.getElementById("apparent_age").readOnly = false;
            } else {
                document.getElementById("apparent_age").value = "";
                document.getElementById("apparent_age").readOnly = true;
            }
        }

        function addTrafficIncident(option) {
            let trafficIncident = `
            <div class="d-flex"" style="margin-top:0.5em">
                 <div class="p-2 flex-grow-1">
                            <label for="traffic_incident_id${idAuxTrafficIncident}" class="form-label">Incidente de tránsito</label>
                            <select id="traffic_incident_id${idAuxTrafficIncident}" name="traffic_incident_id[]" class="form-control select2" required>
                                    <option value="">-- Seleccione un valor --</option>
                            </select>
                 </div>
                 <div class="p-2 flex-shrink-1">
                    <button type="button" class="btn btn-primary btn-block" onclick="getAllTrafficIncidents('traffic_incident_id${idAuxTrafficIncident}')"
                                    style="margin-top:2em">
                                    <strong><i class="fas fa-sync-alt"></i></strong>
                    </button>
                    <a href="{{ route('traffic-incidents.register-from-modal') }}" class="btn btn-primary btn-block"
                                    style="margin-top:2em" target="_blank">
                                    <strong><i class="fas fa-folder-plus"></i></strong>
                    </a>
                    <button type="button" class="btn btn-primary btn-block button-remove" onClick="removeTrafficIncident(this)" style="margin-top:2em">
                        <strong>
                                     <i class="fas fa-minus"></i>
                        </strong>
                    </button>
                  </div>
             </div> `;
            document
                .getElementById("div_traffic_incidents")
                .insertAdjacentHTML("beforeend", trafficIncident);
            getAllTrafficIncidents("traffic_incident_id"+idAuxTrafficIncident);
            if(option!== undefined)
                document.getElementById('traffic_incident_id'+idAuxTrafficIncident).value = option;
            else
                $('.select2').select2({theme: "bootstrap-5",});
            idAuxTrafficIncident++;
        }

        function removeTrafficIncident(element) {
            element.parentNode.parentNode.parentNode.removeChild(
                element.parentNode.parentNode
            );
        }

        function enableMotorCoordinationTests() {
            let motorCoordinationTestsSection = document.getElementById("motor_coordination_tests_section");
            let breathalyzerSection = document.getElementById("breathalyzer_section");
            let breathalyzerAvailable = document.getElementById("breathalyzer_available");
            if (breathalyzerAvailable.checked) {
                motorCoordinationTestsSection.style.display = 'none';
                breathalyzerSection.style.display = 'block';
                document.getElementById('romber_test_positive').checked = false;
                document.getElementById('romber_test_safe').checked = false;
                document.getElementById('toe_heel_toe_test_positive').checked = false;
                document.getElementById('toe_heel_toe_test_safe').checked = false;
                document.getElementById('finger_nose_finger_test_positive').checked = false;
                document.getElementById('finger_nose_finger_test_safe').checked = false;
                document.getElementById('romber_test_description').value = "";
                document.getElementById('toe_heel_toe_test_description').value = "";
                document.getElementById('finger_nose_finger_test_description').value = "";
            } else {
                motorCoordinationTestsSection.style.display = 'block';
                breathalyzerSection.style.display = 'none';
                document.getElementById('breathalyzer').value = 0.0;
                document.getElementById('breathalyzer_label').value = 0.0;
            }
        }

        function enableTrafficCertificateSection(preLoadData) {
            let trafficCertificateSection = document.getElementById("traffic_certificate_section");
            let trafficCertificateAvailable = document.getElementById("traffic_certificate");
            if (trafficCertificateAvailable.checked) {
                 if(preLoadData !== true)
                    addTrafficIncident();
                trafficCertificateSection.style.display = 'block';
            } else {
                document.getElementById("breathalyzer_available").checked=true;
                enableMotorCoordinationTests();
                trafficCertificateSection.style.display = 'none';
                elements = document
                    .getElementById("div_traffic_incidents")
                    .getElementsByClassName("button-remove");
                const numberE = elements.length;
                for (let i = 0; i < numberE; i++) {
                    removeTrafficIncident(elements[0]);
                }
            }
        }

        function updateDrunkSate() {
            let breathalyzerValue = document.getElementById('breathalyzer').value;
            if (breathalyzerValue >= 0 && breathalyzerValue <= 0.07) {
                document.getElementById('sober_state').checked = true;
            } else if (breathalyzerValue >= 0.08 && breathalyzerValue <= 0.39) {
                document.getElementById('alcoholic_breath_state').checked = true;
            } else if (breathalyzerValue >= 0.40) {
                document.getElementById('drunk_state').checked = true;
            }
        }

        function updateDrunkStateMotorCoordinationTests() {
            if (countAllMotorCoordinationTests() == 0) {
                document.getElementById('sober_state').checked = true;
            } else if (countAllMotorCoordinationTests() < 2) {
                document.getElementById('alcoholic_breath_state').checked = true;
            } else if (countAllMotorCoordinationTests() >= 2) {
                document.getElementById('drunk_state').checked = true;
            }
        }

        function countAllMotorCoordinationTests() {
            let totalScore = 0;
            totalScore += document.getElementById('romber_test_positive').checked;
            totalScore += document.getElementById('toe_heel_toe_test_positive').checked;
            totalScore += document.getElementById('finger_nose_finger_test_positive').checked;
            return totalScore;
        }

        function updateRomberTestDescription() {
            let textArea = document.getElementById('romber_test_description');
            if (document.getElementById('romber_test_positive').checked) {
                textArea.value =
                    'Presentó disminución de la coordinación motora, manifestada en desequilibrio evidente por balanceo del cuerpo, con inseguridad al tratar de incorporarse y abrir los ojos, por lo que la considero como:';
            } else if (document.getElementById('romber_test_safe').checked) {
                textArea.value =
                    'Presentó coordinación motora normal, equilibrio evidente por balanceo del cuerpo, con seguridad al tratar de incorporarse y abrir los ojos, por lo que la considero como:';
            }
            updateDrunkStateMotorCoordinationTests();
        }

        function updatetoeHeelToeTestDescription() {
            let textArea = document.getElementById('toe_heel_toe_test_description');
            if (document.getElementById('toe_heel_toe_test_positive').checked) {
                textArea.value =
                    'Prueba que no es capaz de realizar con seguridad al observarse evidente falta de equilibrio e incoordinación, por lo que la considero como:';
            } else if (document.getElementById('toe_heel_toe_test_safe').checked) {
                textArea.value =
                    'Prueba que es capaz de realizar con seguridad al observarse equilibrio y coordinación, por lo que la considero como:';
            }
            updateDrunkStateMotorCoordinationTests();
        }

        function updatefingerNoseFingerTestDescription() {
            let textArea = document.getElementById('finger_nose_finger_test_description');
            if (document.getElementById('finger_nose_finger_test_positive').checked) {
                textArea.value =
                    'Observo que no es capaz de realizarla con precisión por evidente falta de coordinación motora por lo que esta prueba la considero como:';
            } else if (document.getElementById('finger_nose_finger_test_safe').checked) {
                textArea.value =
                    'Observo que es capaz de realizarla con precisión, coordinación motora normal por lo que esta prueba la considero como:';
            }
            updateDrunkStateMotorCoordinationTests();
        }

        function getAllTrafficIncidents(element_id) {
            element = document.getElementById(element_id);
            $.ajax({
                url: document.getElementById("traffic_incidents_get_all").value,
                headers: {
                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
                },
                type: 'post',
                data: {
                    all: 1
                },
                dataType: "json",
                async: false,
                success: function(response) {

                    if (response.result) {

                        element.innerHTML = "";

                        var optDef = document.createElement('option');
                        optDef.appendChild(document.createTextNode('-- Seleccione un valor --'));
                        optDef.value = "";
                        element.appendChild(optDef);

                        for (x in response.registers) {
                            var opt = document.createElement('option');
                            opt.appendChild(
                                document.createTextNode(response.registers[x].description)
                            );
                            opt.value = response.registers[x].id;
                            element.appendChild(opt);
                        }
                    }

                }
            });
        }
    </script>
@endsection