@extends('layouts.app')

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

			<div>
				<div class="alert-success" align="center" style="margin-top:1.4em">
					<div class="row justify-content-center" style="padding:1em">
						<div class="col-12">
							<strong style="font-size:1.5em">{{$msgAlert}}</strong><br/>
						</div>
					</div>
				</div>
				<div style="border:1px solid #c0c0c0;margin-top:0em">
					<div class="row justify-content-center" style="padding:1em">
						<div class="col-12" style="padding-left:2em" align="center">
							<strong style="font-size:1.2em">Código asignado</strong>
							<br/>
							{{$code}}
						</div>
					</div>
				</div>
			</div>

			<div id="arrested" style="display:{{ $source == 'generalDataCrime' ? 'block' : ($source == 'arrestedCrime' ? 'block' : 'none') }}">
				<div class="alert-primary" align="center" style="margin-top:1.4em">
					<div class="row justify-content-center" style="padding:1em">
						<div class="col-12">
							<strong style="font-size:1.5em">Registro de detenidos</strong>
						</div>
					</div>
				</div>
				<div style="border:1px solid #c0c0c0;margin-top:0em">
					<div class="row justify-content-center" style="padding:1em">
						<div class="col-9" style="padding-left:2em">
							<strong style="font-size:1.2em">¿Desea registrar un detenido?</strong>
						</div>
						<div class="col-3" align="right" style="padding-right:2em">
							<a href="{{ route('arrested-crimes.create', $id) }}" class="btn btn-primary btn-block" style="margin-top:0em">
								<strong>
									Si
								</strong>
							</a>
							<button type="button" class="btn btn-primary btn-block" style="margin-top:0em" onclick="displayNextSection(this)">
								<strong>
									No
								</strong>
							</button>
						</div>
					</div>
				</div>
			</div>

			<div style="display:none">
				<div class="alert-info" align="center" style="margin-top:1.4em">
					<div class="row justify-content-center" style="padding:1em">
						<div class="col-12">
							<strong style="font-size:1.5em">Registro de informe de uso de la fuerza</strong>
						</div>
					</div>
				</div>
				<div style="border:1px solid #c0c0c0;margin-top:0em">
					<div class="row justify-content-center" style="padding:1em">
						<div class="col-9" style="padding-left:2em">
							<strong style="font-size:1.2em">¿Desea registrar un informe de uso de la fuerza?</strong>
						</div>
						<div class="col-3" align="right" style="padding-right:2em">
							<a href="{{ route('use-of-force-crimes.create', $id) }}" class="btn btn-primary btn-block"
							style="margin-top:0em">
								<strong>
									Si
								</strong>
							</a>
							<button type="button" class="btn btn-primary btn-block" style="margin-top:0em" onclick="displayNextSection(this)">
								<strong>
									No
								</strong>
							</button>
						</div>
					</div>
				</div>
			</div>

            <div id="vehicle" style="display:{{ $source == 'vehicleCrime' ? 'block' : ($source == 'useOfForceCrime' ? 'block' : 'none') }}">
				<div class="alert-info" align="center" style="margin-top:1.4em">
					<div class="row justify-content-center" style="padding:1em">
						<div class="col-12">
							<strong style="font-size:1.5em">Registro de vehículo</strong>
						</div>
					</div>
				</div>
				<div style="border:1px solid #c0c0c0;margin-top:0em">
					<div class="row justify-content-center" style="padding:1em">
						<div class="col-9" style="padding-left:2em">
							<strong style="font-size:1.2em">¿Desea registrar un vehículo?</strong>
						</div>
						<div class="col-3" align="right" style="padding-right:2em">
							<a href="{{route('vehicle-crimes.create', $id)}}" class="btn btn-primary btn-block"
							style="margin-top:0em">
								<strong>
									Si
								</strong>
							</a>
							<button type="button" class="btn btn-primary btn-block" style="margin-top:0em" onclick="displayNextSection(this)">
								<strong>
									No
								</strong>
							</button>
						</div>
					</div>
				</div>
			</div>

            <div style="display:{{ $source == 'firearmCrime' ? 'block' : 'none' }}">
				<div class="alert-info" align="center" style="margin-top:1.4em">
					<div class="row justify-content-center" style="padding:1em">
						<div class="col-12">
							<strong style="font-size:1.5em">Inventario de armas</strong>
						</div>
					</div>
				</div>
				<div style="border:1px solid #c0c0c0;margin-top:0em">
					<div class="row justify-content-center" style="padding:1em">
						<div class="col-9" style="padding-left:2em">
							<strong style="font-size:1.2em">¿Desea registrar un arma de fuego?</strong>
						</div>
						<div class="col-3" align="right" style="padding-right:2em">
							<a href="{{route('firearm-crimes.create', $id)}}" class="btn btn-primary btn-block"
							style="margin-top:0em">
								<strong>
									Si
								</strong>
							</a>
							<button type="button" class="btn btn-primary btn-block" style="margin-top:0em" onclick="displayNextSection(this)">
								<strong>
									No
								</strong>
							</button>
						</div>
					</div>
				</div>
			</div>

            <div style="display:{{ $source == 'itemCrime' ? 'block' : 'none' }}">
				<div class="alert-info" align="center" style="margin-top:1.4em">
					<div class="row justify-content-center" style="padding:1em">
						<div class="col-12">
							<strong style="font-size:1.5em">Inventario de objetos</strong>
						</div>
					</div>
				</div>
				<div style="border:1px solid #c0c0c0;margin-top:0em">
					<div class="row justify-content-center" style="padding:1em">
						<div class="col-9" style="padding-left:2em">
							<strong style="font-size:1.2em">¿Desea registrar un objeto?</strong>
						</div>
						<div class="col-3" align="right" style="padding-right:2em">
							<a href="{{route('item-crimes.create', $id)}}" class="btn btn-primary btn-block"
							style="margin-top:0em">
								<strong>
									Si
								</strong>
							</a>
							<button type="button" class="btn btn-primary btn-block" style="margin-top:0em" onclick="displayNextSection(this)">
								<strong>
									No
								</strong>
							</button>
						</div>
					</div>
				</div>
			</div>

            <div style="display:{{ $source == 'interviewCrime' ? 'block' : 'none' }}">
				<div class="alert-info" align="center" style="margin-top:1.4em">
					<div class="row justify-content-center" style="padding:1em">
						<div class="col-12">
							<strong style="font-size:1.5em">Entrevistas</strong>
						</div>
					</div>
				</div>
				<div style="border:1px solid #c0c0c0;margin-top:0em">
					<div class="row justify-content-center" style="padding:1em">
						<div class="col-9" style="padding-left:2em">
							<strong style="font-size:1.2em">¿Desea registrar una entrevista?</strong>
						</div>
						<div class="col-3" align="right" style="padding-right:2em">
							<a href="{{route('interview-crimes.create', $id)}}" class="btn btn-primary btn-block"
							style="margin-top:0em">
								<strong>
									Si
								</strong>
							</a>
                            <button type="button" class="btn btn-primary btn-block" style="margin-top:0em" onclick="displayNextSection(this)">
								<strong>
									No
								</strong>
							</button>
						</div>
					</div>
				</div>
			</div>

            <div style="display:none">
				<div class="alert-info" align="center" style="margin-top:1.4em">
					<div class="row justify-content-center" style="padding:1em">
						<div class="col-12">
							<strong style="font-size:1.5em">Entrega - recepción del lugar de la intervención</strong>
						</div>
					</div>
				</div>
				<div style="border:1px solid #c0c0c0;margin-top:0em">
					<div class="row justify-content-center" style="padding:1em">
						<div class="col-9" style="padding-left:2em">
							<strong style="font-size:1.2em">¿Desea registrar una entrega - recepción del lugar de la intervención?</strong>
						</div>
						<div class="col-3" align="right" style="padding-right:2em">
							<a href="{{route('transfer-intervention-crimes.create', $id)}}" class="btn btn-primary btn-block"
							style="margin-top:0em">
								<strong>
									Si
								</strong>
							</a>
                            <a href="{{route('general-data-crimes.index')}}" class="btn btn-primary btn-block"
							style="margin-top:0em">
								<strong>
									No
								</strong>
							</a>
						</div>
					</div>
				</div>
			</div>

		</div>
	</div>
@endsection

@section('js-files')

	<script type="text/javascript">

		$( document ).ready(function() {

			document.getElementById('criminalActCollapse').setAttribute("aria-expanded", true);
			document.getElementById('criminalAct').classList.add("show");

		});

		function displayNextSection(element){
            element.parentElement.parentElement.parentElement.parentElement.style.display = "none";
            element.parentElement.parentElement.parentElement.parentElement.nextElementSibling.style.display = "block";
		}

	</script>
@endsection