@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">Datos registrados correctamente</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">
				<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="{{url('registro-detenidos',['id' => $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="hideArrested()">
								<strong>
									No
								</strong>
							</button>
						</div>
					</div>
				</div>
			</div>
			
			<div id="vehicle" 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 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="{{url('registro-vehiculos',['id' => $id])}}" class="btn btn-primary btn-block" 
							style="margin-top:0em">
								<strong>
									Si
								</strong>
							</a>
							<a href="{{url('datos-generales')}}" 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('offenseCollapse').setAttribute("aria-expanded", true);
			document.getElementById('offense').classList.add("show");
			
		});
		
		function hideArrested(){
			document.getElementById("arrested").style.display = "none";
			document.getElementById("vehicle").style.display = "block";
		}
		
	</script>
@endsection