@extends('layouts.visitormaster')
@section('title','Durga Bhawani Dashboard')

@section('visitorcontent')

@if($banner==null)
   <div class="breadcrumb-area bg-img bg-overlay jarallax" style="background-image: url('{{asset('images/buddha.png')}}');">
    <div class="container h-100">
      <div class="row h-100 align-items-center">
        <div class="col-12">
          <div class="breadcrumb-text">
            <h2>WelCome</h2>
          </div>
        </div>
      </div>
    </div>
  </div>

@else


<div class="breadcrumb-area bg-img bg-overlay jarallax" style="background-image: url('{{ asset('uploads/banners/'.$banner->image) }}');">
    <div class="container h-100">
      <div class="row h-100 align-items-center">
        <div class="col-12">
          <div class="breadcrumb-text">
            <h2>{{ $banner->title }}</h2>
            <span class="tinymce">{!!$banner->description!!}</span>
          </div>
        </div>
      </div>
    </div>
  </div>

@endif


<section class="famie-blog-area mt-50 mb-50">
    <div class="container">
      <div class="row">
        

        @foreach($gallery as $gallery)
        <div class="col-12 col-md-6 gallery-main">
          <div class="gallery-area">
          	<a href="{{asset('uploads/mainimg/'.$gallery->mainimg)}}">
              <img src="{{asset('uploads/mainimg/'.$gallery->mainimg)}}" alt="" class="post-thumb">
            </a>
          	@forelse(json_decode($gallery->images,true) as $image)
            <a href="{{ asset('uploads/gallery/'.$image) }}">
              <img src="{{ asset('uploads/gallery/'.$image) }}" alt="" class="post-thumb">
            </a>
            @empty
            <a href="{{ asset('uploads/gallery/'.$image) }}">
              <img src="{{ asset('uploads/gallery/'.$image) }}" alt="" class="post-thumb">
            </a>
            @endforelse
            <span class="no-of-photos">+{{ count(json_decode($gallery->images,true)) }} more</span>
            <span class="album-title">{{ $gallery->title }}</span>
          </div>
        </div>
        @endforeach

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

  @endsection