@extends('client.layouts.content')
	@section('content')
		<div class="row mb-3">
			<div class="col-md-8 pr-2">
				<div class="card h-100">
					<div class="card-header bg-white">
						<h6 class="card-title mb-0"><small class="font-weight-bold">BULLETINS</small></h6>
					</div>
					<div class="card-body p-0">
						<ul class="list-group list-group-flush">
							@forelse($types as $type)
								<li class="list-group-item"><a href="{{ route('View Bulletin', ['id' => $type->id]) }}"><small>{{ $type->name }} ({{ $type->bulletins->count() }})</small></a></li>
							@empty
							@endforelse
						</ul>
					</div>
				</div>
			</div>
			<div class="col-md-4">
				<div class="card border-0 h-100 card-background">
					@include('client.components.weather')
					@include('client.components.earthquake')
					@include('client.components.cyclone')
				</div>
			</div>
		</div>
	@endsection