@extends('front.layouts.app', ['title' => 'PhotoGallery'])

@section('content')
@include('front.layouts.app-header')


@if(isset($photogallery) && count($photogallery) > 0)
<section class="photography-sec">
 @else
<section class="photography-sec"  style="background:rgb(0 0 0 / 60%) url(images/daily_offer.jpg) center / cover no-repeat;background-blend-mode:color;">
 @endif
	<div class="container">
		<div class="row">
			@if(isset($photogallery) && count($photogallery) > 0)
			@foreach($photogallery as $image)
			<div class="col col-12 col-md-4 col-lg-3">
				<div class="img-wrapper">
					<a href="{{ asset('files/'.$image->image)}} " data-fancybox="gallery">
						<img src="{{ asset('files/'.$image->image)}} " class="img-fluid">
					</a>
				</div>
			</div>
			@endforeach
			@else
			<div class="col col-12">
				<div class="img-wrapper">
					<div class="daily_offer_content" >
                        <div class="dod_title">
                            <h2>We will be sharing Images soon. <span></span></h2>
                        </div>
                    </div>
				</div>
			</div>			@endif


		<!-- 	<div class="col col-12 col-md-4 col-lg-3">
				<div class="img-wrapper">
					<img src="https://thumbs.dreamstime.com/b/beautiful-full-clear-pic-pink-gerbera-flower-morning-fresh-distinct-capture-172899046.jpg" class="img-fluid">
				</div>
			</div>

			<div class="col col-12 col-md-4 col-lg-3">
				<div class="img-wrapper">
					<img src="https://i.picsum.photos/id/852/200/300.jpg?hmac=6IMZOkPF_q5nf8IwfYdfxPUyKnyPL1w8moDjTeMOT5g" class="img-fluid">
				</div>
			</div>

			<div class="col col-12 col-md-4 col-lg-3">
				<div class="img-wrapper">
					<img src="https://thumbs.dreamstime.com/b/beautiful-full-clear-pic-pink-gerbera-flower-morning-fresh-distinct-capture-172899046.jpg" class="img-fluid">
				</div>
			</div>

			<div class="col col-12 col-md-4 col-lg-3">
				<div class="img-wrapper">
					<img src="https://thumbs.dreamstime.com/b/beautiful-full-clear-pic-pink-gerbera-flower-morning-fresh-distinct-capture-172899046.jpg" class="img-fluid">
				</div>
			</div>

			<div class="col col-12 col-md-4 col-lg-3">
				<div class="img-wrapper">
					<img src="https://thumbs.dreamstime.com/b/beautiful-full-clear-pic-pink-gerbera-flower-morning-fresh-distinct-capture-172899046.jpg" class="img-fluid">
				</div>
			</div>

			<div class="col col-12 col-md-4 col-lg-3">
				<div class="img-wrapper">
					<img src="https://thumbs.dreamstime.com/b/beautiful-full-clear-pic-pink-gerbera-flower-morning-fresh-distinct-capture-172899046.jpg" class="img-fluid">
				</div>
			</div> -->

		</div>
	</div>
</section>


@include('front.layouts.app-footer')
@endsection