@extends('layouts.app')

	@section('breadcrumb')
		<ul class="breadcrumb">
	    <li><a href="/home">{!! trans('messages.home') !!}</a></li>
	    <li class="active">{!! trans('messages.attendance').' '.trans('messages.map') !!}</li>
		</ul>
	@stop

	@section('content')
	<div class="row">
		<div class="col-md-12">
			<div class="box-info">
				<h2><strong>{!! trans('messages.attendance') !!}</strong> {!! trans('messages.map') !!} - [ Total Sites: {{$active_total_count}} | Sites on Map: {{$active_count}} ]</h2>

				{{-- Display Google Map. Must have width and height --}}
				<div style="width: 100%; height: 800px;">
					{!! Mapper::render() !!}
				</div>

			</div>
		</div>
	</div>
	@stop