@extends('layouts.main_page_website')

@section('title')
Photo Gallery
@endsection


@section('content')
<section class="page_title ds s-overlay s-pt-150 s-pb-50">
   <div class="s-blur"></div>
   <div class="container">
      <div class="row">


         <div class="col-md-12 text-center">
            <h1>Media</h1>
            <ol class="breadcrumb">
               <li class="breadcrumb-item">
                  <a href="#">Media</a>
               </li>
               <li class="breadcrumb-item">
                  <a href="/media-pg">Gallery</a>
               </li>

            </ol>
         </div>


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

<section class="ls portfolio s-py-xl-150 s-py-lg-130 s-py-md-90 s-py-60">
   <div class="container">
      <div class="c-gutter-60">
         <main class="">
            <div class="row c-mb-30">
               @forelse ($album as $item)
               <div class="col-lg-3">
                  <article
                     class="text-center vertical-item ls content-padding box-shadow post type-post status-publish format-standard has-post-thumbnail">
                     <div class="item-media post-thumbnail">
                        <a href="{{ url('media-pg/'.$item->id.'/'.$item->album_name) }}">
                           <img src="{{$item->coverImage}}" alt="img">
                        </a>
                        <span class="cat-links">
                           <a href="{{ url('media-pg/'.$item->id.'/'.$item->album_name) }}" rel="category tag">
                              {{ $item->album_name }}
                           </a>
                        </span>
                     </div><!-- .post-thumbnail -->
                     
                  </article><!-- #post-## -->
               </div>
               @empty
               <div class="col-lg-12">
                  <div class="item-content">
                     <p class="special-heading color-darkgrey  sub-title">
                        <span class="text-uppercase">
                           
                        </span>
                     </p>
                     <!-- <h2 class="special-heading">
                        <span class="text-capitalize ">
                           No Record found
                        </span>
                     </h2> -->
                     <div class="fw-divider-space divider-30 divider-lg-60"></div>
                        
                     <blockquote>
                        <p>
                           <em class="big">
                              No Albums added yet.
                           </em>
                        </p>
                        
                     </blockquote>
                        
                  

                  </div>
               </div>

               @endempty

            </div>
      </div>




   </div>

   
</section>

@endsection