@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">
                        Actualización de Entrevista (Hecho Probablemente Delictivo)
                    </div>
                </div>
                <hr />
                <div class="card-body" style="padding:0em 2em 2em 2em">
                    <form id="currentForm" method="POST" action="{{ route('interview-crimes.update', $interviewCrime) }}"
                        role="form" enctype="multipart/form-data">
                        {{ method_field('PATCH') }}
                        @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()">Registrar</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() {
            let oldExist="{{old()?  TRUE : FALSE }}";
            if(oldExist == ''){
                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 }}');
            }else{
                getInfoElements('institutions_police_element', 'police_element', document.getElementById('police_element').getAttribute("data-old"));
                $('#code').trigger('change');
                getDataByCode();
                enableTransferPlace(document.getElementById('transferred'));
            }
        });
    </script>
@endsection