@extends('layouts.app')

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

			<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">
						Registro de Datos Generales (Hecho Probablemente Delictivo)
					</div>
				</div>
				<hr/>
				<div class="card-body" style="padding:0em 2em 2em 2em">
					<form id="currentForm" method="POST" action="{{ route('general-data-crimes.store') }}">
					@csrf

						@include('general-data-crime.nav-tab')
						@include('general-data-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>
@endsection

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

	<script type="text/javascript">

	$( document ).ready(function() {
        let oldExist="{{old()?  TRUE : FALSE }}";
        if(oldExist == ''){
            fillDefaultData();
        }
        else{
          getInfoElements('institutions_police_present', 'police_present', document.getElementById('police_present').getAttribute("data-old"));
          getInfoElements('institutions_police_element', 'police_element', document.getElementById('police_element').getAttribute("data-old"));
        }
	});

	</script>
@endsection