@extends('layouts.app')

@section('content')
    <div class="row justify-content-center" style="margin-top:1em">
        <div class="col-10">

            <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">
                        Edición de Detenidos (Falta Administrativa)
                    </div>
                </div>
                <hr />
                <div class="card-body" style="padding:0em 2em 2em 2em">
                    <form id="currentForm" method="POST" action="{{ route('updateArrestedFault') }}">
                        @csrf

                        <input type="hidden" id="id" value="{{ $id }}" name="id">

                        <div class="row justify-content-center">
                            <div class="col-12">
                                <a href="{{ route('detenidos') }}"
                                    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>

                        @include('arrested_fault.nav-tab')

                        <div class="tab-content" id="myTabContent">

                            <div id="general_section_1" class="tab-pane fade show active" role="tabpanel"
                                aria-labelledby="tab_general_1">
                                <div class="row justify-content-center" style="margin-top:1em">
                                    <div class="col-12">

                                        @if (auth()->user()->userType->user_type == 'Juez')
                                            <div class="row justify-content-center" style="margin-top:1em">
                                                <div class="col-12">
                                                    <label class="form-label">Código</label>
                                                    <input name="code" hidden
                                                        value="{{ isset($data->general_data_fault_id) ? $data->general_data_fault_id : '' }}">
                                                    <select id="code" name="code" class="form-control select2"
                                                        disabled>
                                                        <option value="">-- Seleccione un valor --</option>
                                                        @foreach ($codes as $item)
                                                            <option value="{{ $item['id'] }}">{{ ucfirst($item['code']) }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @else
                                            <div class="row justify-content-center" style="margin-top:1em">
                                                <div class="col-5">
                                                    <label class="form-label">Buscar código</label>
                                                    <input id="search_code" name="search_code" type="text"
                                                        class="form-control">
                                                </div>
                                                <div class="col-1" style="padding-top:2em" align="right">
                                                    <button type="button" class="btn btn-primary btn-block"
                                                        onclick="searchCode()">
                                                        <i class="fas fa-search"></i>
                                                    </button>
                                                </div>
                                                <div class="col-6">
                                                    <label class="form-label">Código</label>
                                                    <select id="code" name="code" class="form-control select2"
                                                        onchange="getDataByCode()">
                                                        <option value="">-- Seleccione un valor --</option>
                                                        @foreach ($codes as $item)
                                                            <option value="{{ $item['id'] }}"
                                                            {{ old('code') == $item['id'] ? 'selected' : '' }}>
                                                                {{ ucfirst($item['code']) }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @endif
                                        <div class="row justify-content-center" style="margin-top:1em">
                                            <div class="col-11">
                                                <label for="element" class="form-label">Primer respondiente</label>
                                                <input id="element" name="element" type="text" class="form-control"
                                                    readonly>
                                            </div>
                                            <div class="col-1" style="padding-top:2em" align="right">
                                                <button type="button" class="btn btn-primary btn-block"
                                                    onclick="viewMoreData(this)"  data-route="{{ route('datos-generales-completos', 0) }}">
                                                    <i class="fas fa-info"></i>
                                                </button>
                                            </div>
                                        </div>

                                        @include('arrested_fault.form1ArrestedFault')

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

                            <div id="general_section_2" class="tab-pane fade" role="tabpanel"
                                aria-labelledby="tab_general_2">

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

                                        @include('arrested_fault.form2ArrestedFault')

                                    </div>
                                </div>
                            </div>
                        </div>
						<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()">Actualizar</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/modals.js') }}"></script>
    <script src="{{ asset('assets/js/navigation-tab.js') }}"></script>
    <script src="{{ asset('assets/js/views/arrested_fault/form.js') }}"></script>
    <script type="text/javascript">

        var initialConf = true;

        $(document).ready(function() {
        addReqFieldsInSection("#general_section_1","code");
        let oldExist="{{old()?  TRUE : FALSE }}";
        if(oldExist==''){
            fillDateOnReferenceNumber();

            document.getElementById('code').value = "{{ $data->general_data_fault_id }}";
            $('#code').trigger('change');

            getDataByCode();

            document.getElementById('lng').value = "{{ $data->lng_address }}";
            document.getElementById('lat').value = "{{ $data->lat_address }}";
            setPointer();
            document.getElementById('rnd_gob').value = "{{ substr($data->rnd, 0, 2) }}";
            document.getElementById('rnd_fuero').value = "{{ substr($data->rnd, 2, 2) }}";
            document.getElementById('rnd_mpio').value = "{{ substr($data->rnd, 4, 3) }}";
            document.getElementById('rnd_day').value = "{{ substr($data->rnd, 7, 2) }}";
            document.getElementById('rnd_month').value = "{{ substr($data->rnd, 9, 2) }}";
            document.getElementById('rnd_year').value = "{{ substr($data->rnd, 11, 4) }}";
            document.getElementById('rnd_identifier').value = "{{ substr($data->rnd, 15, 4) }}";
            document.getElementById('street').value = "{{ $data->street_address }}";
            document.getElementById('exterior_number').value = "{{ $data->exterior_number_address }}";
            document.getElementById('interior_number_address').value = "{{ $data->interior_number_address }}";
            document.getElementById('postal_code').value = "{{ $data->postal_code_address }}";
            document.getElementById('colony').value = "{{ $data->colony_address }}";
            document.getElementById('general_township').value = "{{ $data->township_address }}";
            document.getElementById('general_state').value = "{{ $data->state_address }}";
            document.getElementById('references_address').value = `{!! $data->references_address !!}`;
            document.getElementById('arrested_description').value = `{!! $data->arrested_description !!}`;
            document.getElementById('detention_date').value = "{{ $data->detention_date }}";
            document.getElementById('detention_hour').value = "{{ $data->detention_hour }}";
            document.getElementById('arrested_name').value = "{{ $data->arrested_name }}";
            document.getElementById('arrested_first_lastname').value = "{{ $data->arrested_first_lastname }}";
            document.getElementById('arrested_second_lastname').value = "{{ $data->arrested_second_lastname }}";
            document.getElementById('alias').value = "{{ $data->arrested_alias }}";
            document.getElementById('gender').value = "{{ $data->arrested_gender }}";
            document.getElementById('birthday').value = "{{ $data->arrested_birthday }}";
            calculateAge();
            document.getElementById('apparent_age').value = "{{ $data->apparent_age }}";
            document.getElementById('nationality').value = "{{ $data->arrested_nationality }}";
            enableNationality();
            document.getElementById('other_nationality').value = "{{ $data->other_nationality }}";
            document.getElementById('injury').value = "{{ $data->injury }}";
            document.getElementById('suffering').value = "{{ $data->suffering }}";
            document.getElementById('other_suffering').value = "{{ $data->other_suffering }}";
            enableSuffering();
            document.getElementById('vulnerable_member').value = "{{ $data->vulnerable_member }}";
            document.getElementById('other_vulnerable').value = "{{ $data->other_vulnerable }}";
            enableVulnerable();
            document.getElementById('arrested_description').value = `{!! $data->arrested_description !!}`;
            document.getElementById('transfer_place').value = "{{ $data->transfer_place }}";
            document.getElementById('name_transfer_place').value = "{{ $data->name_transfer_place }}";
            document.getElementById('location_transfer_place').value = "{{ $data->location_transfer_place }}";
            document.getElementById("institutions_police_element").value = "{{ $data->f1_institutions_id }}";
            getInfoElements("institutions_police_element","police_element","{{ $data->first_respondent}}");
        }
        else{
            getDataByCode();
            fillDinamicDataOld();
        }
        });

    </script>
@endsection