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