@extends('layout/user')

@section('tittle', 'Home')

@section('container')
<section class="page-header page-header-modern bg-color-dark-scale-1 page-header-md">
	<div class="container">
		<div class="row">
			<div class="col-md-12 align-self-center p-static order-2 text-center">
				<h1 class="text-light font-weight-bold text-8">{{$kategori->nama}}</h1>
				<span class="sub-title text-light">Sekolah Tinggi Ilmu Tarbiyah Al-Bukhary Labuhanbatu</span>
			</div>
			<div class="col-md-12 align-self-center order-1">
				<ul class="breadcrumb d-block text-center">
					<li><a href="{{url('/')}}">Home</a></li>
					<li class="active">{{$kategori->nama}}</li>
				</ul>
			</div>
		</div>
	</div>
</section>
<div class="container py-4">

	<ul class="nav nav-pills sort-source sort-source-style-3 justify-content-center" data-sort-id="team" data-option-key="filter">
	</ul>

	<div class="sort-destination-loader sort-destination-loader-showing mt-4 pt-2">
		<div class="row team-list sort-destination" data-sort-id="team">
			@foreach ($dosen as $d)
			<div class="col-12 col-sm-6 col-lg-3 isotope-item leadership">
				<span class="thumb-info thumb-info-hide-wrapper-bg mb-4">
					<span class="thumb-info-wrapper">
						<a href="{{url('view/dosen/'.$d->slug)}}">
							@if($d->foto)
							<img src="{{url('foto/dosen/'.$d->foto)}}" class="img-fluid" alt="">
							@else
							<img src="{{url('foto/dosen/default.png')}}" class="img-fluid" alt="">
							@endif
							<span class="thumb-info-title">
								<span class="thumb-info-inner">{{$d->nama}}</span>
								<span class="thumb-info-type">{{$d->nidn}}</span>
							</span>
						</a>
					</span>
					<span class="thumb-info-caption">
						<span class="thumb-info-social-icons mb-4">
						</span>
					</span>
				</span>
			</div>
			@endforeach
		</div>

	</div>

</div>
@endsection