@extends('layout/user')

@section('tittle', 'Profil')

@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">
				@if ($profil)
				<h1 class="text-light font-weight-bold text-8">{{$profil->judul}}</h1>
				@endif
				<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">STIT Al-Bukhary Labuhanbatu</li>
				</ul>
			</div>
		</div>
	</div>
</section>
<div class="container py-4">
	<div class="row">
		<div class="col">
			<div class="blog-posts single-post">
				@if ($profil)
				<article class="post post-large blog-single-post border-0 m-0 p-0">
					<div class="post-image ms-0 text-center">
						<a href="{{url('profil/'.$profil->kategori)}}">
							@if ($profil->foto)
							<img src="{{url('foto/berita/'.$profil->foto)}}" class="img-fluid img-thumbnail img-thumbnail-no-borders rounded-0" alt="" />
							@endif
						</a>
					</div>

					<div class="post-date ms-0">
					</div>

					<div class="post-content ms-0">

						<h2 class="font-weight-semi-bold"><a href="{{url('profil/'.$profil->kategori)}}">{{$profil->judul}}</a></h2>
						{!!html_entity_decode($profil->content)!!}

						@if ($profil->file)
						<div class="col-12 text-end mb-5">
							<a type="button" href="{{url('pdf/'.$profil->file)}}" class="mb-1 mt-1 me-1 btn btn-primary rounded-pill">Download Berkas</a>
						</div>
						@endif
						<div class="post-block mt-5 post-share">
							<h4 class="mb-3">Share this Post</h4>
							<ul class="social-icons">
								<li class="social-icons-facebook"><a href="{{$main_shareComponent['facebook']}}" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
								<li class="social-icons-twitter"><a href="{{$main_shareComponent['twitter']}}" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a></li>
								<li class="social-icons-linkedin"><a href="{{$main_shareComponent['linkedin']}}" target="_blank" title="Linkedin"><i class="fab fa-linkedin-in"></i></a></li>
								<li class="social-icons-whatsapp"><a href="{{$main_shareComponent['whatsapp']}}" target="_blank" title="Whatsapp"><i class="fab fa-whatsapp"></i></a></li>
								<li class="social-icons-vk"><a href="{{$main_shareComponent['telegram']}}" target="_blank" title="Telegram"><i class="fab fa-telegram"></i></a></li>
							</ul>
						</div>
					</div>
				</article>
				@endif
			</div>
		</div>
	</div>
</div>
@endsection