@extends('site.inner')
@section('title')
{!! label('lbl_highlights') !!}
@endsection


@section('breadcrumb')
<li class="breadcrumb-item active" aria-current="page">{{ label('lbl_highlights') }}</li>
@endsection

{{-- @section('page_title')
{!! label('lbl_highlights') !!}
@endsection --}}

@section('page_content')

<div class="row page-content my-2">
	<div class="col-12 mt-2">
		<div class="pb-2 my-2 border-bottom">
			<h4 class="mb-0 text-uppercase">
				<div class="d-block  py-1 lines position-relative">
					<div class="pr-sm-2 py-1 text-primary  position-relative">
						<span class="text-bold "><span>{{ label('lbl_highlights') }}</span> </span>
					</div>
				</div>
			</h4>
		</div>

		<div class="col-12 py-4">
			@if(count($highlights))
				<div class="row position-relative mt-2 mx-0">
					@foreach ($highlights as $key=>$highlight)
						<div class="col-md-6 col-lg-4 d-flex px-0 pr-lg-4 mb-3 flex-column justify-content-between">
							<div class="box-shadow h-100 mb-4 rounded-smallll border-none overflow-hidden  bg-white show-more-content-news">
								<a href="{{url('highlights/'.$highlight->slug)}}" class="zoom-container">
									<div class="overflow-hidden full-hd-container position-relative bg-secondary">
										<img class="card-img-top image" src="{{asset('uploads/highlights/'.$highlight->photo_url)}}" alt="{{$highlight->title}}">
										<div class="dark-overlay"></div>
									</div>
									<div class="position-relative h-100">
										<div class="p-3 px-4 bg-white content text-dark">
											<div class="">
{{--												<h6 class="card-text text-muted bold-600 text-primary">{{ date('d F, Y', strtotime($highlight->created_at)) }}</h6>--}}
												<h6 class="card-text text-bold">{{ $highlight->title }}</h6>
											</div>
											<div class="card-text px-4 more-content">
												<div class="text"> {!! str_limit(strip_tags($highlight->content) ,120) !!} </div>
											</div>
										</div>
									</div>
								</a>
							</div>
						</div>
					@endforeach
				</div>

				<div class="col-12 px-0 my-3 d-flex justify-content-center">
					{!! $highlights->render() !!}
				</div>
			@else
				<div class="col-12 px-0 py-3">
					{{label('lbl_no_information')}}
				</div>
			@endif
		</div>

	</div>
</div>

@stop