@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 medica
                    </div>
                </div>
                <hr />
                <div class="card-body" style="padding:0em 2em 2em 2em">
                    <form method="POST" action="{{ route('updateMedicDataArrestedCrimes', $arrestedCrime->id) }}">
                        @csrf
                        <div class="row justify-content-center">
                            <div class="col-12">
                                <a href="{{ route('indexMedicDataArrestedCrimes') }}"
                                    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>

                        
                        <div class="row justify-content-center" style="margin-top:1em">

                            <div class="col-3">
                                <label for="name" class="form-label">Nombre</label>
                                <p class="form-control">
                                    {{ isset($arrestedCrime->full_name) ? $arrestedCrime->full_name : '' }}
                                </p>
                            </div>
            
                                <div class="col-2">
                                    <label for="folio" class="form-label">Folio</label>
                                    <input id="folio" name="folio" type="text" class="form-control" value="">
                                </div>
                           
                            <div class="col-3">
                                <label for="age" class="form-label">Edad</label>
                                <p class="form-control">
                                    {{ isset($arrestedCrime) ? $arrestedCrime->age : '' }} años
                                </p>
                            </div>
                            <div class="col-4">
                                <label for="arrested_description" class="form-label">Descripción</label>
                                <p class="form-control">
                                    {{ isset($arrestedCrime->arrested_description) ? $arrestedCrime->arrested_description : '' }}
                                </p>
                            </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($arrestedCrime->street_address) ? $arrestedCrime->street_address : '';
                                        echo isset($arrestedCrime->exterior_number_address) ? ' ' . $arrestedCrime->exterior_number_address : '';
                                        echo isset($arrestedCrime->interior_number_address) ? 'interior ' . $arrestedCrime->interior_number_address : '';
                                        echo isset($arrestedCrime->colony_address) ? ', ' . $arrestedCrime->colony_address : '';
                                        echo isset($arrestedCrime->postal_code_address) ? ', CP: ' . $arrestedCrime->postal_code_address : '';
                                        echo isset($arrestedCrime->township_address) ? ', ' . $arrestedCrime->township_address : '';
                                        echo isset($arrestedCrime->state_address) ? ', ' . $arrestedCrime->state_address : '';
                                    @endphp
                                </p>
                            </div>
                        </div>

                        <div class="row justify-content-left" style="margin-top:1em">
                            <div class="col-6">
                                <label for="crime" class="form-label">Incidente de tránsito</label>
                                <select id="traffic_incident" name="crime" class="form-control" required>
                                    <option value="">-- Seleccione un valor --</option>
                                </select>
                            </div>
                            <div class="col-2">
                                <button type="button" class="btn btn-primary btn-block" onclick="getFormCrimes()"
                                    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>
                            </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($arrestedCrime->medicDataArrestedCrime->external_habitus) ? $arrestedCrime->medicDataArrestedCrime->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($arrestedCrime->medicDataArrestedCrime->substance_use) ? $arrestedCrime->medicDataArrestedCrime->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($arrestedCrime->medicDataArrestedCrime->diseases) ? $arrestedCrime->medicDataArrestedCrime->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($arrestedCrime->medicDataArrestedCrime->medical_use) ? $arrestedCrime->medicDataArrestedCrime->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($arrestedCrime->medicDataArrestedCrime->refer) ? $arrestedCrime->medicDataArrestedCrime->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($arrestedCrime->medicDataArrestedCrime->physical_exploration) ? $arrestedCrime->medicDataArrestedCrime->physical_exploration : (null !== old('physical_exploration') ? old('physical_exploration') : 'Conjuntivas normocromicas, pupilas normoreflexicas. No presentar rubor facial, mucosa oral bien hidratada, sin alteracion en la coordinación motora. Sin presencia de heridas ni lesiones fisicas aparentes menores a 12 horas de evolucion, al momento de la certificacion.') }}</textarea>
                            </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="check" name="breathalyzer_available"
                                value="1" checked onchange="javascript:showContent()" checked />
                            <label class="form-check-label" for="flexSwitchCheckChecked">Alcoholímetro disponible</label>
                        </div>

                        <div style="margin-top:1em">
                            <label for="customRange3" class="form-label">Prueba del Alcoholímetro:</label> <output
                                id="breathalyzer">{{ isset($arrestedCrime->medicDataArrestedCrime->breathalyzer) ? $arrestedCrime->medicDataArrestedCrime->breathalyzer : (null !== old('breathalyzer') ? old('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').value = this.value"
                                value="{{ isset($arrestedCrime->medicDataArrestedCrime->breathalyzer) ? $arrestedCrime->medicDataArrestedCrime->breathalyzer : (null !== old('breathalyzer') ? old('breathalyzer') : '0.0') }}">
                        </div>

                        <div id="content" style="display: none;">
                            <div class="row justify-content-center" style="margin-top:1em">
                                <div class="col-12">
                                    <label for="romber_test_description" class="form-label">Prueba de ROMBERG</label>
                                    <textarea id="romber_test_description" name="romber_test_description" class="form-control" rows="3"
                                        maxlength="500">{{ isset($arrestedCrime->medicDataArrestedCrime->romber_test_description) ? $arrestedCrime->medicDataArrestedCrime->romber_test_description : (null !== old('romber_test_description') ? old('romber_test_description') : '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, 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:') }}</textarea>
                                    <div class="form-check form-check-inline">
                                        @if (isset($arrestedCrime->medicDataArrestedCrime->romber_test) and
                                                $arrestedCrime->medicDataArrestedCrime->romber_test == 'postiva')
                                            <input class="form-check-input" type="radio" name="romber_test"
                                                id="postiva" value="positiva" checked>
                                        @else
                                            <input class="form-check-input" type="radio" name="romber_test"
                                                id="postiva" value="positiva" checked>
                                        @endif
                                        <label class="form-check-label" for="positiva">POSITIVA</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        @if (isset($arrestedCrime->medicDataArrestedCrime->romber_test) and
                                                $arrestedCrime->medicDataArrestedCrime->romber_test == 'segura')
                                            <input class="form-check-input" type="radio" name="romber_test"
                                                id="segura" value="segura" checked>
                                        @else
                                            <input class="form-check-input" type="radio" name="romber_test"
                                                id="segura" value="segura">
                                        @endif
                                        <label class="form-check-label "for="segura">SEGURA</label>
                                    </div>
                                </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">Prueba PUNTA TALON
                                        PUNTA</label>
                                    <textarea id="toe_heel_toe_test_description" name="toe_heel_toe_test_description" class="form-control"
                                        rows="3" maxlength="500">{{ isset($arrestedCrime->medicDataArrestedCrime->toe_heel_toe_test_description) ? $arrestedCrime->medicDataArrestedCrime->toe_heel_toe_test_description : (null !== old('toe_heel_toe_test_description') ? old('toe_heel_toe_test_description') : '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, prueba que no es capáz de  realizar con seguridad al observarse evidente falta de equilibrio e incoordinación, por lo que la considero como:') }}</textarea>
                                    <div class="form-check form-check-inline">
                                        @if (isset($arrestedCrime->medicDataArrestedCrime->toe_heel_toe_test) and
                                                $arrestedCrime->medicDataArrestedCrime->toe_heel_toe_test == 'postiva')
                                            <input class="form-check-input" type="radio" name="toe_heel_toe_test"
                                                id="postiva" value="positiva" checked>
                                        @else
                                            <input class="form-check-input" type="radio" name="toe_heel_toe_test"
                                                id="postiva" value="positiva" checked>
                                        @endif
                                        <label class="form-check-label" for="positiva">POSITIVA</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        @if (isset($arrestedCrime->medicDataArrestedCrime->toe_heel_toe_test) and
                                                $arrestedCrime->medicDataArrestedCrime->toe_heel_toe_test == 'segura')
                                            <input class="form-check-input" type="radio" name="toe_heel_toe_test"
                                                id="segura" value="segura" checked>
                                        @else
                                            <input class="form-check-input" type="radio" name="toe_heel_toe_test"
                                                id="segura" value="segura">
                                        @endif
                                        <label class="form-check-label "for="segura">SEGURA</label>
                                    </div>
                                </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">Prueba DEDO NARIZ
                                        DEDO</label>
                                    <textarea id="finger_nose_finger_test_description" name="finger_nose_finger_test_description" class="form-control"
                                        rows="3" maxlength="500">{{ isset($arrestedCrime->medicDataArrestedCrime->finger_nose_finger_test_description) ? $arrestedCrime->medicDataArrestedCrime->finger_nose_finger_test_description : (null !== old('finger_nose_finger_test_description') ? old('finger_nose_finger_test_description') : '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, observo que no es capáz de realizarla con precisión por evidente falta de coordinación motora  por lo que esta prueba la considero como:') }}</textarea>
                                    <div class="form-check form-check-inline">
                                        @if (isset($arrestedCrime->medicDataArrestedCrime->finger_nose_finger_test) and
                                                $arrestedCrime->medicDataArrestedCrime->finger_nose_finger_test == 'postiva')
                                            <input class="form-check-input" type="radio" name="finger_nose_finger_test"
                                                id="postiva" value="positiva" checked>
                                        @else
                                            <input class="form-check-input" type="radio" name="finger_nose_finger_test"
                                                id="postiva" value="positiva" checked>
                                        @endif
                                        <label class="form-check-label" for="positiva">POSITIVA</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        @if (isset($arrestedCrime->medicDataArrestedCrime->finger_nose_finger_test) and
                                                $arrestedCrime->medicDataArrestedCrime->finger_nose_finger_test == 'segura')
                                            <input class="form-check-input" type="radio" name="finger_nose_finger_test"
                                                id="segura" value="segura" checked>
                                        @else
                                            <input class="form-check-input" type="radio" name="finger_nose_finger_test"
                                                id="segura" value="segura">
                                        @endif
                                        <label class="form-check-label "for="segura">SEGURA</label>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="form-check form-check-inline">
                            @if (isset($arrestedCrime->medicDataArrestedCrime->drunk_state) and
                                    $arrestedCrime->medicDataArrestedCrime->drunk_state == 'sobrio')
                                <input class="form-check-input" type="radio" name="drunk_state" id="sobrio"
                                    value="sobrio" checked>
                            @else
                                <input class="form-check-input" type="radio" name="drunk_state" id="sobrio"
                                    value="sobrio" checked>
                            @endif
                            <label class="form-check-label" for="sobrio">Estado sobrio</label>
                        </div>
                        <div class="form-check form-check-inline">
                            @if (isset($arrestedCrime->medicDataArrestedCrime->drunk_state) and
                                    $arrestedCrime->medicDataArrestedCrime->drunk_state == 'ebrio')
                                <input class="form-check-input" type="radio" name="drunk_state" id="ebrio"
                                    value="ebrio" checked>
                            @else
                                <input class="form-check-input" type="radio" name="drunk_state" id="ebrio"
                                    value="ebrio">
                            @endif
                            <label class="form-check-label" for="ebrio">Estado de ebriedad</label>
                        </div>
                        <div class="form-check form-check-inline">
                            @if (isset($arrestedCrime->medicDataArrestedCrime->drunk_state) and
                                    $arrestedCrime->medicDataArrestedCrime->drunk_state == 'aliento_alcoholico')
                                <input class="form-check-input" type="radio" name="drunk_state"
                                    id="aliento_alcoholico" value="aliento_alcoholico" checked>
                            @else
                                <input class="form-check-input" type="radio" name="drunk_state"
                                    id="aliento_alcoholico" value="aliento_alcoholico">
                            @endif
                            <label class="form-check-label" for="aliento_alcoholico">Aliento alcohólico</label>
                        </div>
                        <div class="row justify-content-center" style="margin-top:1em">
                            <div class="col-12">
                                <label for="recomendation" class="form-label">Recomendación medica</label>
                                <textarea id="recomendation" name="recomendation" class="form-control" rows="3" maxlength="500">{{ isset($arrestedCrime->medicDataArrestedCrime->recomendation) ? $arrestedCrime->medicDataArrestedCrime->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-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($arrestedCrime->medicDataArrestedCrime->covid_note) ? $arrestedCrime->medicDataArrestedCrime->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-6">
                                <label for="witness" class="form-label">Testigo</label>
                                <input id="witness" name="witness" type="text" class="form-control"
                                    value="{{ isset($arrestedCrime->medicDataArrestedCrime->witness) ? $arrestedCrime->medicDataArrestedCrime->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($arrestedCrime->medicDataArrestedCrime->witness_position) ? $arrestedCrime->medicDataArrestedCrime->witness_position : (null !== old('witness_position') ? old('witness_position') : '') }}">
                            </div>
                        </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>
@endsection

@section('js-files')
    <script type="text/javascript">
        $(document).ready(function() {
            document.getElementById('medicCertificatesCollapse').setAttribute("aria-expanded", true);
            document.getElementById('medicCertificates').classList.add("show");
        });

        function showContent() {
            element = document.getElementById("content");
            check = document.getElementById("check");
            if (check.checked) {
                element.style.display = 'none';
            } else {
                element.style.display = 'block';
            }
        }

        function getFormCrimes() {
            $.ajax({
                url: "{{ route('traffic-incidents.get-all') }}",
                headers: {
                    "X-CSRF-TOKEN": "{{ csrf_token() }}"
                },
                type: 'post',
                data: {
                    all: 1
                },
                dataType: "json",
                success: function(response) {

                    if (response.result) {

                        $('#crime').empty();

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

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

                }
            });
        }

       
    document.addEventListener('DOMContentLoaded', function() {
        $.ajax({
            url: "{{ route('traffic-incidents.getAll') }}", // Reemplaza 'traffic-incidents.getAll' con la ruta correcta de tu endpoint
            type: "GET",
            dataType: "json",
            success: function(data) {
                if (data.result) {
                    let select = document.getElementById('traffic_incident');
                    data.registers.forEach(incident => {
                        let option = document.createElement('option');
                        option.value = incident.id;
                        option.textContent = incident.description;
                        select.appendChild(option);
                    });
                }
            },
            error: function(xhr, status, error) {
                console.error('Error fetching data:', error);
            }
        });
    });


    </script>
@endsection