@extends('layouts.frontend')

@section('style')
@endsection

@section('slider')

		<section id="page-title">

			<div class="container clearfix">
				<h1>Halaman Cek Tiket</h1>
				<ol class="breadcrumb">
					<li class="breadcrumb-item"><a href="#">PIO</a></li>
					<li class="breadcrumb-item active">Cek</li>
				</ol>
			</div>

		</section>
@endsection

@section('content')
	<div class="container clearfix">
		<div class="title-block">
			<div id="section-buy" class="heading-block title-center nobottomborder page-section">
				<h2>Silahkan Masukkan Nomor Tiket Anda</h2>
				<span></span>
			</div>

			<div class="center">
				<form action="{{route('hasilcek')}}" method="POST">
					@csrf
					<div class="row">
						<div class="col-12 form-group">
							<input class="col-md-4 offset-md-4 sm-form-control" type="text" name="cari" value="{{(isset($permohonan) ? $permohonan->tiket : '')}}" required>
						</div>
					</div>
					<div class="row">
						<div class="col-12 form-group">
							<button class="button button-3d button-blue button-xlarge nobottommargin">Cek</button>
						</div>
					</div>
				</form>
			</div>
		</div>

		@if(isset($hasil))
			<div class="style-msg errormsg">
				<div class="sb-msg"><i class="icon-ticket-alt"></i> Nomor tiket <strong>{{$hasil}} </strong> tidak di temukan.</div>
				<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
			</div>
		@endif

		<div id="dividertimeline" class="divider"><i class="icon-circle"></i></div>
	@if(isset($permohonan))

		<div id="posts" class="post-grid post-masonry post-timeline grid-2 clearfix">
		<!-- <div id="posts" class="post-grid grid-container post-masonry post-timeline grid-2 clearfix"> -->

			<div class="timeline-border"></div>

			<div class="entry entry-date-section notopmargin"><span>{{$permohonan->created_at->locale('in')->isoFormat('MMMM YYYY')}}</span></div>

			<div class="entry clearfix">
				<div class="entry-timeline">
					<div class="timeline-divider"></div>
				</div>
				<div class="entry-image">
					<a href="{{Storage::url($permohonan->filenik)}}" data-lightbox="image"><img class="image_fade" src="{{Storage::url($permohonan->filenik)}}" alt="File KTP"></a>
				</div>
				<div class="entry-title">
					<h2>Pengguna mengirimkan permohonan informasi ke PPID</h2>
				</div>
				<ul class="entry-meta clearfix">
					<li><i class="icon-calendar3"></i> {{$permohonan->created_at->locale('in')->isoFormat('dddd, DD MMMM YYYY, HH:mm:ss')}}</li>
					<li><i class="icon-ticket-alt"></i> {{$permohonan->tiket}}</li>
				</ul>
			</div>

            @foreach($permohonan->statuspermohonan as $row)
		   	<div class="entry clearfix">
				<div class="entry-timeline">
					<div class="timeline-divider"></div>
				</div>
				<div class="entry-image">
					@if(isset($row->file))
						<a href="{{Storage::url($row->file)}}" data-lightbox="image"><img class="image_fade" src="{{Storage::url($row->file)}}" alt="File Upload"></a>
					@else
						@if($row->status == "Tolak")
							<img class="image_fade" src="{{asset('images/tolak.jpg')}}" alt="Tolak">
						@elseif($row->status == "Proses")
							<img class="image_fade" src="{{asset('images/noimage.jpg')}}" alt="Proses">
						@elseif($row->status == "Selesai")
							<img class="image_fade" src="{{asset('images/logo.png')}}" alt="Selesai">
						@endif
					@endif
				</div>
				<div class="entry-title">
					<h2>{{$row->status}}</h2>
				</div>
				<ul class="entry-meta clearfix">
					<li><i class="icon-calendar3"></i> {{$row->created_at->locale('in')->isoFormat('dddd, DD MMMM YYYY, HH:mm:ss')}}</li>
					<li>
						@if($row->status == "Tolak")
							<i class="icon-window-close"></i>
						@elseif($row->status == "Proses")
							<i class="icon-cog"></i>
						@elseif($row->status == "Selesai")
							<i class="icon-flag"></i>
						@endif
					</li>
				</ul>
				<div class="entry-content">
					<p>{{(isset($row->keterangan) ? $row->keterangan : '')}}</p>
				</div>
			</div>
			@endforeach
		</div>
	@endif
	</div>
@endsection

@section('modal')
@endsection

@section('script')
@if(isset($permohonan))
	<script>
		jQuery(function($) {
			@if(isset($permohonan))
				$('body,html').stop(true).animate({
					'scrollTop': $('#dividertimeline').offset().top
				}, 1000);

				$( window ).on( 'load', function(){
					var $container = $('#posts');

				    // $container.imagesLoaded( function() {
						$container.isotope({
							transformsEnabled: false,
							itemSelector: '.entry',
							masonry: {
								columnWidth: '.entry:not(.entry-date-section)'
							}
						});
				    // });

					setTimeout( function(){
						SEMICOLON.initialize.blogTimelineEntries();

					}, 1500 );

					$(window).resize(function() {
						$container.isotope('layout');
						setTimeout( function(){
						SEMICOLON.initialize.blogTimelineEntries();

						}, 1500 );
					});
				});
			@endif
		});
	</script>
@endif
@endsection