@extends('layouts.master')

@section('title')
{{$department->title}}
@endsection

@section('content')
	<div class="breadcrumb-area">
		<div class="container">
			<div class="breadcrumb-title col-sm-8">
				<h1 class="page-title">{{$department->title}}</h1>
			</div>
			<div class="breadcrumbs col-sm-4">
				<span><a href="/" class="home">Home</a></span>
				<span><i class="fa fa-angle-right"></i></span>
				<span><span>Centre Of Excellence</span></span>
			</div><!-- .breadcrumbs-->
		</div><!-- .subheader-inner-->
	</div>

	<div class="page-content">
		<div class="container">
			<div class="col-sm-9">
				<div class="single-content-area">
					<div class="content-title">
						<h2>{{$department->title}}</h2>
					</div>
					<img src="/{{ $department->image }}" class="img-responsive">
					<p style="display: flex;">{!! $department->details !!}</p>
				</div>
			</div>
			<div class="col-sm-3">
				<nav class="nav-sidebar">
					<ul class="nav">
						@foreach($departments as $department)
						<li><a href="{{ url('department-list', [$department->id, make_slug($department->title)] )}}">{{$department->title}}</a></li>
						@endforeach
					</ul>
				</nav>
			</div>
		</div>
	</div>
@endsection