@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>
						</div>
					</div>
				</div>
			</div>
			
			<div id="vehicle">
				<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 Vehículos</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 otro 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");
			
		});
		
	</script>

@endsection