@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">{{$dosen->nama}}</h1>
				<span class="sub-title text-light">{{$dosen->nidn}}</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">Dosen</li>
				</ul>
			</div>
		</div>
	</div>
</section>
<div class="container py-4">
	<div class="row py-4 mb-2">
		<div class="col-md-8 order-2">
			<div class="overflow-hidden">
				<h2 class="text-color-dark font-weight-bold text-12 mb-2 pt-0 mt-0 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="300">{{$dosen->nama}}</h2>
			</div>
			<div class="overflow-hidden mb-3">
				<p class="font-weight-bold text-primary text-uppercase mb-0 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="500">{{$dosen->nidn}}</p>
			</div>
			{!!html_entity_decode($dosen->content)!!}
		</div>
		<div class="col-md-4 order-md-2 mb-4 mb-lg-0 appear-animation text-end" data-appear-animation="fadeInRightShorter">
			@if($dosen->foto)
			<img src="{{url('foto/dosen/'.$dosen->foto)}}" class="img-fluid mb-2" alt="">
			@else
			<img src="{{url('foto/dosen/default.png')}}" class="img-fluid mb-2" alt="">
			@endif
		</div>
	</div>
</div>
@endsection