@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">
                        Visualización de Entrevista (Hecho Probablemente Delictivo)
                    </div>
                </div>
                <hr/>
                <div class="card-body" style="padding:0em 2em 2em 2em">
                    <form id="currentForm" method="GET" action="{{ route('general-data-crimes.index') }}" role="form"
                        enctype="multipart/form-data">
                        @csrf

                        @include('interview-crime.nav-tab')
                        @include('interview-crime.form')

                        <div class="row justify-content-center" style="margin-top:1.5em">
                            <div class="col-6" align="left" style="padding-left:6%">
                                <button id="buttonPrev" type="button" class="btn btn-primary btn-block"
                                    onclick="prevSection()" style="display:none">Anterior</button>
                            </div>
                            <div class="col-6" align="right" style="padding-right:6%">
                                <button id="buttonNext" type="button" class="btn btn-primary btn-block"
                                    onclick="nextSection()">Siguiente</button>
                                <button id="buttonSubmit" type="button" class="btn btn-primary btn-block"
                                    style="display:none" onclick="sendForm()">Fin</button>
                            </div>
                        </div>

                    </form>
                </div>
            </div>

        </div>
    </div>

    @include('partials.modals')
@endsection

@section('js-files')
    <script src="{{ asset('assets/js/minimap.js') }}"></script>
    <script src="{{ asset('assets/js/info-elements.js') }}"></script>
    <script src="{{ asset('assets/js/navigation-tab.js') }}"></script>
    <script src="{{ asset('assets/js/modals.js') }}"></script>
    <script src="{{ asset('assets/js/views/interview-crime/form.js') }}"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            document.getElementById('code').value = "{{ $interviewCrime->general_data_crime_id }}";
            $('#code').trigger('change');
            getDataByCode();
            document.getElementById('date').value = "{{ $interviewCrime->date }}";
            let interviewCrimeHour = "{{ $interviewCrime->hour }}";
            document.getElementById('hour').value = interviewCrimeHour.substr(0, 5);
            document.getElementById('name').value = "{{ $interviewCrime->name }}";
            document.getElementById('first_lastname').value = "{{ $interviewCrime->first_lastname }}";
            document.getElementById('second_lastname').value = "{{ $interviewCrime->second_lastname }}";
            document.getElementById('gender').value = "{{ $interviewCrime->gender }}";
            document.getElementById('birthday').value = "{{ $interviewCrime->birthday }}";
            document.getElementById('age').value = "{{ $interviewCrime->age }}";
            calculateAge(document.getElementById('birthday'));
            document.getElementById('apparent_age').value = "{{ $interviewCrime->apparent_age }}";
            document.getElementById('data_reservation').value = "{{ $interviewCrime->data_reservation }}";
            document.getElementById('type').value = "{{ $interviewCrime->type }}";
            document.getElementById('nationality').value = "{{ $interviewCrime->nationality }}";
            document.getElementById('other_nationality').value = "{{ $interviewCrime->other_nationality }}";
            document.getElementById('identity_document_id').value = "{{ $interviewCrime->identity_document_id }}";
            enableIdentityDocument(document.getElementById('identity_document_id'));
            document.getElementById('number_identity_document').value =
                "{{ $interviewCrime->number_identity_document }}";
            document.getElementById('phone').value = "{{ $interviewCrime->phone }}";
            document.getElementById('email').value = "{{ $interviewCrime->email }}";
            document.getElementById('lat').value = "{{ $interviewCrime->lat_address }}";
            document.getElementById('lng').value = "{{ $interviewCrime->lng_address }}";
            document.getElementById('street').value = "{{ $interviewCrime->street_address }}";
            document.getElementById('exterior_number').value = "{{ $interviewCrime->exterior_number_address }}";
            document.getElementById('interior_number_address').value =
                "{{ $interviewCrime->interior_number_address }}";
            document.getElementById('postal_code').value = "{{ $interviewCrime->postal_code_address }}";
            document.getElementById('general_township').value = "{{ $interviewCrime->township_address }}";
            document.getElementById('general_state').value = "{{ $interviewCrime->state_address }}";
            document.getElementById('references_address').value = `{!! $interviewCrime->references_address !!}`;
            document.getElementById('description').value = `{!! $interviewCrime->description !!}`;
            document.getElementById('transferred').value = "{{ $interviewCrime->transferred }}";
            enableTransferPlace(document.getElementById('transferred'));
            document.getElementById('transfer_place').value = "{{ $interviewCrime->transfer_place }}";
            document.getElementById('name_transfer_place').value = "{{ $interviewCrime->name_transfer_place }}";

            document.getElementById('institutions_police_element').value =
                "{{ $interviewCrime->firstRespondent->institution->id }}";
            getInfoElements('institutions_police_element', 'police_element',
                '{{ $interviewCrime->police_element_id }}');
            disabledInputs();
        });
    </script>
@endsection