{{------------------------------------------ Template ------------------------------------------}}
@extends('template.template')
{{------------------------------------------- Title --------------------------------------------}}
@section('title')
<title>{{ config('app.name') }} | Blank Page</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">Video Gallery </span>
								</div>
							</div>
						</section> 
@endsection

{{----------------------------------------- Breadcrumb -----------------------------------------}}
@section('breadcrumb')
				<!--begin breadcrumb -->
				
				<section id="breadcrumbs">
							<span class="breadcrumbs home">
								<a class="pathway" href="#">Beranda</a> 
								<a class="pathway" href="#">Berita</a> 
								<a class="pathway" href="{{ asset('/') }}berita/berita_terkini">Video Gallery</a> 
								<span class="no-link">Detil</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>{{ $data[0]->title }} </strong></div>
													<div class="box-body post-body">
														<div class="post-inner article">
															<article class="postcontent">
																<!-- article-content -->
																@php
																	$timestamp = strtotime($data[0]->created_at);
																	$year = date('Y', $timestamp);
																	$day = date('d', $timestamp);
																	$month = date('F', $timestamp);

																	$cat = json_decode($data[0]->category, true);
																	$xcat = '';
																	if(in_array('Profile', $cat)){
																	$xcat .='<a href="../berita/berita_terkini">Profile</a>';
																	} 
																	if (in_array('Kegiatan', $cat)){
																	$xcat .='<a href="../berita/artikel">Kegiatan</a>';
																	} 
																	if (in_array('Umum', $cat)){
																	$xcat .='<a href="../berita/artikel">Umum</a>';
																	} 

																	$ytarray=explode("/", $data[0]->url);
																	$ytendstring=end($ytarray);
																	$ytendarray=explode("?v=", $ytendstring);
																	$ytendstring=end($ytendarray);
																	$ytendarray=explode("&", $ytendstring);
																	$ytcode=$ytendarray[0];
																@endphp
																
																<div class="author">
																Tanggal : {{ $day."-".$month."-".$year }}
																</div>
																<div class="category">
																Kategori : {!!html_entity_decode($xcat)!!}
																</div>
																<div class="author">
																Telah ditonton : {{ $data[0]->readed }} Kali
																</div>
																<p>
																<iframe width="100%" height="550" src="https://www.youtube.com/embed/{{$ytcode}}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
																</p>
																<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')
<script type="text/javascript">
    $(function(){
        $.ajaxSetup({headers:{'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}});
    });
	$(document).ready(function() { 
		var id = '{{ $data[0]->id }}';
		var urlpost = '{{ route("video.postread", ":id") }}';
		urlpost = urlpost.replace(':id', id);
		$.ajax({
		url: urlpost,
		method: "GET",
		data: {
				"id": id
			},
			success: function (data) {
			},
			error: function (data) {
				console.log('Error:', data);
			}
		});
    });
</script>
@endsection