@extends('layouts.app')

  @section('title')
      <title>{{$img->title}}</title>
    <meta name="description" content="{{$img->meta_description}}">
    <!-- Open Graph / Facebook -->
    <meta property="og:url" content="{{Request::url()}}" />
    <meta property="og:type" content="website">
    <meta property="og:title" content="{{$img->title}}">
    <meta property="og:description" content="{{$img->meta_description}}">
    <meta property="og:image" content="{{Voyager::image($img->cover)}}">
    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="{{$img->title}}" />
    <meta name="twitter:description" content="{{$img->meta_description}}" />
    <meta name="twitter:image" content="{{Voyager::image($img->cover)}}" />
    <link rel="canonical" href="{{Request::url()}}" />
  @endsection

  @section('body')  

      <section class="banner" style="background: url({{Voyager::image($img->cover)}})">
				<div class="container">
					<div class="row">
						<div class="col-lg-12">
							<div class="breadcrumb-info text-center" data-lag="0.2" data-stagger="0.08" data-speed="1" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px); will-change: transform;">
								<h1>{{$img->title}}</h1>
							</div>
						</div>
					</div>
				</div>
			</section>

  <section class="highlight gallery_page p90">
    <div class="container">
      <div class="row g-4 g-lg-5">
        @if($img->images)
        @foreach(json_decode($img->images) as $pic)
        <div class="col-md-4">
          <div class="highlight_card">
            <a href="{{Voyager::image($pic)}}" data-fancybox="highlight">
              <img src="{{Voyager::image($pic)}}" />
            </a>
          </div>
        </div>
        @endforeach
        @endif
      </div>
    </div>
  </section>
  @endsection