@extends('layouts.main_page_website')

@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=" ">
  <div class="container">
    <br>
    <div class="row">
      <div class="col-lg-12">
        <a href="/media-pg" class="btn btn-maincolor medium-btn" style="cursor: pointer;">All Albums</a> @if($is_folder
        == 1)<a href="{{ url('media-pg/'.$parent_album_id.'/'.$album_name) }}" style="cursor: pointer;"
          class="btn btn-maincolor medium-btn">Go to Folders</a>@endif
      </div>
    </div>

    <br>
    <div class="c-gutter-60">
      <main class="">
        <div class="row c-mb-30">
          @if($nested == 1)
          @if (count($folders)>0)
          @foreach ($folders 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="?folder_id={{ $item->id }}">
                  <img src="{{$item->first_image_path}}" alt="img" style="width:220px;height:150px;">
                </a>
                <span class="cat-links">
                  <a href="?folder_id={{ $item->id }}" rel="category tag">
                    {{ $item->album_name }}
                  </a>
                </span>
              </div><!-- .post-thumbnail -->

            </article><!-- #post-## -->
          </div>

          @endforeach
          @else
          <div class="col-lg-12">
            <div class="item-content">								
                <div class="fw-divider-space divider-30 divider-lg-60"></div>									 
                <blockquote>
                  <p>
                    <em class="big">
                    No Images/Folders for Album {{ $title }}
                    </em>
                  </p>
                  
                </blockquote>	
            </div>
          </div>
          @endif
          @else
          @if (count($gallery)>0)
          @else
          <div class="col-lg-12">
              <div class="item-content">
									<div class="fw-divider-space divider-30 divider-lg-60"></div>									 
									<blockquote>
										<p>
											<em class="big">
											No Images Added in {{ $title }}
											</em>
										</p>									 
									</blockquote>
								</div>
          </div>
          @endif
          @endif

        </div>
      </main>
    </div>
  </div>




  <!-- ### start of the gallery definition ### -->
  @if(isset($gallery) &&  count($gallery) >0 )
  <center>
    <h4 class="text-centered">Photo Gallery</h4>
  </center>
  @endif
  <div id="nanogallery2" class="container" data-nanogallery2='{
        "thumbnailDisplayTransition":          "scaleUp",
        "thumbnailDisplayTransitionDuration":  500,
        "thumbnailDisplayInterval":            30  ,
        {{-- "thumbnailHoverEffect2": "toolsAppear", --}}
        "thumbnailHoverEffect2": "image_scale_1.00_1.20",

        "viewerToolbar":   {
            "display":    true,
            "standard":   "minimizeButton, label",
            "minimized":  "minimizeButton, label, fullscreenButton, downloadButton, infoButton"
          },
       "viewerTools":     {
            "topLeft":    "pageCounter,playPauseButton",
            "topRight":   "shareButton,zoomButton, fullscreenButton, closeButton"
          }

    }'>
    <!-- gallery content -->
    @if(isset($gallery))
      @foreach ($gallery as $item)
      <a href="{{ $item->image_path }}" data-ngThumb="{{ $item->image_path }}"></a>
      @endforeach
    @endif
  </div>
  @if(isset($gallery))
   {{ $gallery->appends(['folder_id' => $album_id])->links()}}
  @endif
  <br />

  <br />

</section>


@stop