@extends('layouts.layout')

@section('content')
<div class="container">
    <div class="row justify-content-center">
		<div class="col-md-2">
			<div class="list-group">
			  <a id="cp" href="{{route('viewPostalCodeLogs')}}" class="list-group-item list-group-item-action">Codigos Postales</a>
			  <a id="township" href="{{ route('viewTownshipLogs') }}" class="list-group-item list-group-item-action">Municipios</a>
			  <a id="city" href="{{ route('viewCityLogs') }}" class="list-group-item list-group-item-action">Ciudades</a>
			  <a id="state" href="{{ route('viewStateLogs') }}" class="list-group-item list-group-item-action">Estados</a>
			</div>
		</div>
        <div class="col-md-10">
            @yield('content_right')
        </div>
    </div>
</div>

<script>
	var items = [
		'cp','township','city','state'
	];
	
	$(document).ready(function () {
		for(var i in items){
			if( items[i] == "{{ $submenu }}" ){
				document.getElementById("{{ $submenu }}").className += " active";
			}
		}
	});
</script>
@endsection