@extends('layouts.app3')

@section('head-title')
    <title>Covet Foundation Gallery</title>
@endsection

@section('head-style')
<link rel="stylesheet" type="text/css" href="{{ URL::asset('css/style.css')}}">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.css">
@endsection

@section('content')
<div class="container-fluid nopadding">

	@if ($allGallery->get(0)->categories_id == 1)

	<div class="first-section-maos">
		 <div class="firs-section-overlay">
		    <h2>MASTERS OF CRAFTSMANSHIP</h2>
		 </div>
	</div>

	@include ('includes.gallery.maos')

	@elseif($allGallery->get(0)->categories_id == 2)

	<div class="first-section-summit-gallery">
		 <div class="firs-section-overlay">
		    <h2>LDC SUMMIT 2018</h2>
		 </div>
	</div>

	@include ('includes.gallery.ldcsummit2018')

	@elseif($allGallery->get(0)->categories_id == 3)

	<div class="first-section-culture-gallery">
		 <div class="firs-section-overlay">
		    <h2>CULTURE CREATIVE HUB</h2>
		 </div>
	</div>
	
	@include ('includes.gallery.culturecreativehub')

	@elseif($allGallery->get(0)->categories_id == 4)

	<div class="first-section-isaloni">
		 <div class="firs-section-overlay">
		    <h2>iSALONI MILANO 2018</h2>
		 </div>
	</div>

	@include ('includes.gallery.isalonimilano2018')

	@elseif($allGallery->get(0)->categories_id == 5)

	<div class="first-section-paris-jan-2019">
		 <div class="firs-section-overlay">
		    <h2>M&O PARIS JANUARY 2019</h2>
		 </div>
	</div>

	@include ('includes.gallery.mo-paris-january-2019')


	@elseif($allGallery->get(0)->categories_id == 6)

	<div class="first-section-summit2019">
		 <div class="firs-section-overlay">
		    <h2>LDC SUMMIT 2019</h2>
		 </div>
	</div>

	@include ('includes.gallery.ldcsummit2019')

	@else
	@endif

</div>
@endsection

@section('foot')
<script src="{{ asset('js/ekko-lightbox/ekko-lightbox.min.js') }}"></script>
<script src="{{ asset('js/elevatezoom-master/jquery.elevatezoom.js') }}"></script>

<script>
	jQuery(document).on('click', '[data-toggle="lightbox"]', function(event) {
        event.preventDefault();

        test = jQuery(this).attr('data-zoom-image');

        jQuery(this).ekkoLightbox({
        	alwaysShowClose: true,
        	onContentLoaded: function(){
        		jQuery('.ekko-lightbox-item img').attr('data-zoom-image', test);
        		jQuery('.ekko-lightbox-item img').elevateZoom({
				  zoomType: "inner",
				  cursor: "crosshair",
				  scrollZoom : true
				});
        	}
        });
    });

</script>

@endsection