@extends('layouts.master')

@section('title', \Lang::get('article.event_details'))

@section('css')
<style type="text/css">
/* change border radius for the tab , apply corners on top*/

#exTab3 .nav-pills > li > a {
	border-radius: 4px 4px 0 0 ;
}

#exTab3 .tab-content {
	color : white;
	background-color: #428bca;
	padding : 5px 15px;
}
</style>
@stop

@section('content')
<div class="container" style="margin-top: 2%; margin-bottom:2%;">
	<div class="row">
		<div class="{{(strtotime($data['result']['to_datetime']) < time()) ? 'col-md-12' : 'col-md-8'}}">
			<h2>{!!$data['result']['name']  !!}
				@if(strtotime($data['result']['to_datetime']) < time())
			- (@lang('article.event_ended'))</div>
			@endif
		</h2>

		<h3>@lang('article.event_overview')</h3>
		@if($data['result']['description'])
		<p style="word-wrap: break-word; overflow-wrap:break-word; ">{!! $data['result']['description'] !!}</p>
		@endif
	</div>
	@if(strtotime($data['result']['from_datetime']) > time())
	<div class="col-md-4">
		<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="margin-top: 7%;">
			<div class="thumbnail text-center" style="border: 0">
				<a href="/form/{{ $data['result']['code'] }}" class="btn btn-success btn-lg btn-block"><strong>@lang('article.event_register')</strong></a>
			</div>
		</div>

		<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
			<div class="thumbnail">
				<p style="color: #666; text-align:center; font-size:20px;"><strong>@lang('article.event_countdown')</strong></p>
				<div align="center" class="caption">
					@if(strtotime($data['result']['from_datetime']) > time())
					<div id="getting-started" class="counter_figure" style="font-size:20px; font-weight:bolder;"></div>
					@else
					<div style="font-size:20px; font-weight:bolder;">@lang('article.event_ended')</div>
					@endif
				</div>
			</div>
		</div>
	</div>
	@endif
</div>
@stop

@section('javascript')
<script src="{{ URL::asset('public/js/jquery.countdown.min.js') }}"></script>  
<script type="text/javascript">
	$('#getting-started').countdown("{{ Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $data['result']['from_datetime'])->format('Y/m/d') }}", function(event) {
		$(this).text(event.strftime("%w @lang('article.event_week'), %d @lang('article.event_day'), %H:%M:%S"));
	});
</script>   
@stop