@extends('master')

@section('css')
	<link href="{{ asset('assets/css/category.css') }}" rel="stylesheet">
@endsection

@section('content')

<div class="container category">

	<ul class="breadcrumb">
		<li><a class="default" href="/">Home</a></li>		
		<li class="current">{{ $page->title }}</li>
	</ul>

	<div class="row grid-header">
		<div class="col-md-7">
			<h2 class="orange">{{ $page->title }}</h2>
			{!! $page->content !!}
		</div>
		<div class="col-md-3 col-md-offset-2">
			@if ($page->image)
				<img src="{{ Croppa::url($page->image, 400, 400) }}" class="img-responsive" alt="{{ $page->title }}">
			@endif
		</div>
	</div>

	@if ($sectors->count())
		<div class="row grid-links">

		@foreach ($sectors as $sector)
		
			<div class="col-md-3">
				<a href="{{ $sector->get_route() }}">			
					<img src="/imagecache/category/{{ $sector->image }}" class="img-responsive" alt="{{ $sector->title }}">
					<h3 class="{{ $sector->uri }}">{{ $sector->title }}</h3>
					<p>{!! $sector->content !!}</p>
				</a>
			</div>
		
			@if (($loop->index + 1) % 4 == 0)
				<div class="clearfix"></div>			
			@endif
		
		@endforeach
		</div>
	@endif


</div>
@endsection