@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 Vehículos (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('vehicle-crime.nav-tab')
                        @include('vehicle-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/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/vehicle-crime/form.js') }}"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            document.getElementById('code').value = "{{ $vehicleCrime->general_data_crime_id }}";
            $('#code').trigger('change');
            getDataByCode();
            document.getElementById('vehicle_date').value = "{{ $vehicleCrime->vehicle_date }}";
            let detentionHour = "{{ $vehicleCrime->vehicle_hour }}";
            document.getElementById('vehicle_hour').value = detentionHour.substr(0, 5);
            document.getElementById('vehicle_type').value = "{{ $vehicleCrime->vehicle_type }}";
            document.getElementById('vehicle_provenance').value = "{{ $vehicleCrime->vehicle_provenance }}";
            document.getElementById('vehicle_use').value = "{{ $vehicleCrime->vehicle_use }}";
            document.getElementById('vehicle_brand').value = "{{ $vehicleCrime->vehicle_brand }}";
            document.getElementById('vehicle_sub_brand').value = "{{ $vehicleCrime->vehicle_sub_brand }}";
            document.getElementById('vehicle_model').value = "{{ $vehicleCrime->vehicle_model }}";
            document.getElementById('vehicle_color').value = "{{ $vehicleCrime->vehicle_color }}";
            document.getElementById('vehicle_enrollment').value = "{{ $vehicleCrime->vehicle_enrollment }}";
            document.getElementById('vehicle_theft_report').value = "{{ $vehicleCrime->vehicle_theft_report }}";
            document.getElementById('vehicle_serie').value = "{{ $vehicleCrime->vehicle_serie }}";
            enableWithoutVehicleserie();
            disableVehicleSerie();
            document.getElementById('name_transfer_place').value = "{{ $vehicleCrime->name_transfer_place }}";
            document.getElementById('vehicle_object_related_facts').value =
                "{{ $vehicleCrime->vehicle_object_related_facts }}";
            document.getElementById('observations').value = `{!! $vehicleCrime->observations !!}`;
            document.getElementById('institutions_police_element').value =
                "{{ $vehicleCrime->firstRespondent->institution->id }}";
            getInfoElements('institutions_police_element', 'police_element',
                '{{ $vehicleCrime->firstRespondent->id }}');
            disabledInputs();
        });
    </script>
@endsection