{{------------------------------------------ Template ------------------------------------------}}
@extends('template.template')
{{------------------------------------------- Title --------------------------------------------}}
@section('title')
<title>{{ config('app.name') }}</title>
@endsection

{{------------------------------------------ page-css ------------------------------------------}}
@section('page-css')
@endsection

{{------------------------------------------- navbar -------------------------------------------}}
@section('navbar')
  @include('template.navbar')
@endsection

{{------------------------------------------ subtitle ------------------------------------------}}
@section('subtitle')
						<!--begin header section / header title-->
						<section class="header-position">
							<div class="header-wrapper">
								<div class="cleared reset-box"></div>
									<div class="header-content">
									<br>
									<img src="{{asset('/')}}images/custom_other.png" style="height:80px; float: left; margin: -15px 15px 0 -20px" alt="img_head"/>		
									<br>
									<span class="show-title">Honorer</span>
								</div>
							</div>
						</section> 
@endsection

{{----------------------------------------- Breadcrumb -----------------------------------------}}
@section('breadcrumb')
				<!--begin breadcrumb -->
				
				<section id="breadcrumbs">
							<span class="breadcrumbs home">
								<a class="pathway" href="{{asset('/')}}">Beranda</a> 
								<a class="pathway" href="#">Tentang Pengadilan</a> 
								<a class="pathway" href="#">Profil Hakim dan Pegawai</a> 
								<span class="no-link">Honorer</span>
							</span>
				</section>
@endsection

{{------------------------------------------ Content ------------------------------------------}}
@section('content')
					<!--begin content  layout section -->
					<div class="box sheet">
						<div class="box-body sheet-body">
							<div class="layout-wrapper">
								<div class="content-layout">
									<div class="content-layout-row">
									
										<!--begin left sidebar section -->
										<!--aside class="layout-cell sidebar1">
											

										<div class="cleared"></div>
										</aside-->
										
										<!--begin main content section -->
										<div class="layout-cell content">
											<div class="box post">
												<div class="componentheading"><strong>Honorer </strong></div>
													<div class="box-body post-body">
														<div class="post-inner article">
															<article class="postcontent">
																<!-- article-content -->
																<div class="post-content">
																	<div class="post">																		
																		
																		<div class="entry">
																			@foreach ($datas as $data)
																				<div class="peg_detail">
																					<h2 class="postheader" style="margin-bottom:30px;"><center>{{$data->position}}</center></h2>
																					<section class="ac-container">		
																						<div class="peg">																			
																							<table width="100%" id="mytable">
																								<tr>
																									<td width="30%" rowspan="7" style="text-align:center;">
																										<center><img class="pic-border" src="{{asset('/')}}images/employees/{{$data->photo}}" alt="sample" style="width:210px; height:280px" data-tilt data-tilt-max="0" data-tilt-scale="1.2"/></center>
																									</td>
																									<td width="19%">Nama</td>
																									<td width="2%">:</td>
																									<td width="58%">{{$data->name}}</td>
																								</tr>
																								<tr>
																									<td>JABATAN</td>
																									<td>:</td>
																									<td>{{$data->position}}</td>
																								</tr>
																								<tr>
																									<td>JENJANG PENDIDIKAN</td>
																									<td>:</td>
																									<td>{{$data->lasteducation}}</td>
																								</tr>
																								<tr>
																									<td>&nbsp;</td>
																									<td>&nbsp;</td>
																									<td>&nbsp;</td>
																								</tr>
																								<tr>
																									<td>&nbsp;</td>
																									<td>&nbsp;</td>
																									<td>&nbsp;</td>
																								</tr>
																								<tr>
																									<td>&nbsp;</td>
																									<td>&nbsp;</td>
																									<td>&nbsp;</td>
																								</tr>
																								<tr>
																									<td>&nbsp;</td>
																									<td>&nbsp;</td>
																									<td>&nbsp;</td>
																								</tr>
																							</table>		
																						</div>
																					</section>	
																				</div>
																				<br>
																			@endforeach 
																		</div>
																		<br>

																	</div>

																</div>
																<br/>
																<a href="#" class="csbutton-color" style="float: right" data-tilt data-tilt-max="0" data-tilt-scale="1.1" onclick="history.back()">&laquo; Kembali</a>
																<!-- /article-content -->

															</article>
															<div class="cleared"></div>
														</div>
													<div class="cleared"></div>
												</div>
											</div>
											<div class="cleared"></div>
										</div>		
									</div>
								</div>
							</div>		
							<div class="cleared"></div>
						</div>
					</div>
@endsection

{{------------------------------------------ Page js ------------------------------------------}}
@section('page-js')
@endsection