<?php
$baseUrl = $this->baseUrl;
$mediagallery = $this->mediagallery;
$mediavideo = $this->mediavideo;
$staticdataMedia = $this->staticdataMedia;
$masterData = $this->masterData;
// echo "<pre>"; print_r($masterData[1][5]['data']); die("check");
 // foreach($masterData[1][5]['data'] as $vkeys => $gallery ) {
// echo $gallery['id']; echo "<br>";

    // }
    //          die;

  // foreach($masterData[2][$masterid]['data'] as $vkeys => $video){ 
  //   echo "<pre>"; print_r($video); 
                               
  //                               // $YouTube =  $video['video'];
  //                               // $YouTubeUrl = explode('=', $YouTube);
  //                           }
  //                           die();
                      

?>
<div class="innerbanner">
    <img src="<?php echo $baseUrl;?>public/upload/static_pages/<?php echo $staticdataMedia['sid'];?>/<?php echo $staticdataMedia['background_image'];?>" alt="" class="img bannerimgcls">
    <div class="banneroverlay">
        <div class="container fl-container">
            <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                <h1 class="banner-title">
                   Our Gallery
                </h1>
            </div>
            </div>
        </div>
    </div>
</div>

<div class="galleryimg">
    <div class="container fl-container">
        <div class="row" id="hideshowtabs">
            <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
                
                  <li class="nav-item">
                    <a class="nav-link active" id="photo-tab" data-toggle="pill" href="#photo" role="tab" aria-controls="photo" aria-selected="false">Photos</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link " id="video-tab" data-toggle="pill" href="#video" role="tab" aria-controls="video" aria-selected="true">Videos</a>
                </li>
              

            </ul>
        </div>
        
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                 <button type="button" name="backbtn" id="backbtn" value=" "  class="backShow btn btn-success" style="display: none; margin: 0 0 4px;"  onclick="javascript:backbtn($(this).val());"><i class="fa fa-arrow-left" aria-hidden="true"></i>Back</button>

               <button type="button" class="backShow1 btn btn-success"  name="vidsbtn" id="vidsbtn" value  =" "  style="display: none; margin: 0 0 4px;" onclick="javascript:videobackbtn($(this).val());"> <i class="fa fa-arrow-left" aria-hidden="true"></i>Back</button>
               
                <div class="tab-content" id="pills-tabContent">
                    <div class="tab-pane fade" id="video" role="tabpanel" aria-labelledby="video-tab">
                     
                   <div class="row">
                         <?php 
                          $back1 = 1;
                         foreach($masterData[2] as $vkeys => $valV ) { ?>
                            <?php $masterid1 = $valV['masterCatId'];   ?>
                         <div class="col-lg-3 col-md-3 col-sm-3 col-12  vidsfolderid">
                             <div class="Portfolio">
                              <?php if (isset($valV['catImg']) && !empty($valV['catImg'])) { ?>
                                <a href="javascript://" onclick="vedioCatid('<?php echo $valV['masterCatId']; ?>')">
                                     <img src="<?php echo $baseUrl; ?>public/upload/CatThumb/<?php echo $valV['masterCatId']; ?>/small/<?php  echo $valV['catImg'];?>" class="img-fluid rounded">

                                          <?php } else { ?>
                                   <img src="<?php echo $baseUrl; ?>public/images/noimageother.jpg" class="img-fluid rounded">
                                       <?php } ?>
                                     <div class="desc"><?php echo $valV['catTitle'];?></div>
                                 </a>
                                 
                             </div>
                         </div>

                         

                                   <?php foreach($masterData[2][$masterid1]['data'] as $vkeys => $video){ 
                               
                                $YouTube =  $video['video'];
                                $YouTubeUrl = explode('=', $YouTube);
                         ?>
                         <div class="col-lg-3 col-md-3 col-sm-3 col-12 videosid_<?php echo $masterid1;?>"  style="display: none;">

                             <?php if($back1==1){ ?>
                          <!--<a href="javascript://" class="backShow"  onclick="videobackbtn('<?php echo $masterid1; ?>')" style="display: none;">Back</a>-->
                      <?php } ?>

                         <div class="Portfolio">
                             <div data-toggle="modal" data-target="#video1">
                              <iframe src="https://www.youtube.com/embed/<?php echo $YouTubeUrl[1]; ?>?autoplay=1&mute=1">
                              </iframe>
                                 
                             </div>
                             <div class="modal fade" id="video1">
                                 <div class="modal-dialog modal-lg">
                                     <div class="modal-content">
                                         <div class="modal-header">
                                             <button type="button" class="close" data-dismiss="modal">&times;</button>
                                         </div>
                                         <div class="modal-body">
                                             <iframe src="https://www.youtube.com/embed/<?php echo $YouTubeUrl[1]; ?>?autoplay=1&mute=1">
                                             </iframe>
                                         </div>
                                     </div>
                                 </div>
                             </div>
                             <div class="" data-toggle="modal" data-target="#video1"><div class="desc"><?php echo $video['title'];?></div>
                             </div>

                         </div>
                       </div>
                          <?php $back1++; } $back1 = 1; ?>

                       <?php } ?>

                        
                    </div>
                    

                    </div>

                    <div class="tab-pane fade active show" id="photo" role="tabpanel" aria-labelledby="photo-tab">

                     <div class="row" id="imgsfolderid1">
                         <?php
                         $back = 1;
                          foreach($masterData[1] as $vkeys => $valV ) { ?>
                            <?php $masterid =  $valV['masterCatId']; ?>
                         <div class="col-lg-3 col-md-3 col-sm-3 col-12 imgsfolderid" >
                             <div class="Portfolio">
                              <?php if (isset($valV['catImg']) && !empty($valV['catImg'])) { ?>
                                <a href="javascript://" onclick="photoCatid('<?php echo $valV['masterCatId']; ?>')">
                                     <img src="<?php echo $baseUrl; ?>public/upload/CatThumb/<?php echo $valV['masterCatId']; ?>/small/<?php  echo $valV['catImg'];?>" class="img-fluid rounded">

                                          <?php } else { ?>
                                   <img src="<?php echo $baseUrl; ?>public/images/noimageother.jpg" class="img-fluid rounded">
                                       <?php } ?>
                                     <div class="desc"><?php echo $valV['catTitle'];?></div>
                                 </a>
                                 
                             </div>
                         </div>
                                         
                                 
                                <?php foreach($masterData[1][$masterid]['data'] as $vkeys => $gallery ) {
                               
                              // echo "<pre>";print_r($gallery);
                         ?>
                         <div class="col-lg-3 col-md-3 col-sm-3 col-12 folderimgid_<?php echo $masterid;?>"  style="display: none;">
                            <!-- backbtn -->
                         <?php if($back==1){ ?>
                          <!--<a href="javascript://" class="backShow"  onclick="backbtn('<?php echo $masterid; ?>')" style="display: none;">Back</a>-->
                      <?php } ?>

                         
                        <!-- backbtn end -->

                             <div class="Portfolio">
                              <?php if (isset($gallery['gallery']) && !empty($gallery['gallery'])) { ?>
                                 <a href="<?php echo $baseUrl; ?>public/upload/gallery/<?php echo $gallery['id']; ?>/small/<?php  echo $gallery['gallery'];  ?>" data-toggle="lightbox" data-gallery="gallery">
                                     <img src="<?php echo $baseUrl; ?>public/upload/gallery/<?php echo $gallery['id']; ?>/small/<?php  echo $gallery['gallery'];  ?>" class="img-fluid rounded">
                                     </a>
                                     <?php } else { ?>
                                   <img src="<?php echo $baseUrl; ?>public/images/noimageother.jpg" class="img-fluid rounded">
                                 <?php }?>


                                     <div class="desc"><?php echo $gallery['title'];?></div>
                                 </a>
                             </div>
                         </div>
                       <?php $back++; } $back = 1; ?>


                       <?php } ?>

                        
                    </div>


                     




            
                        </div>

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


<script type="text/javascript">
    function photoCatid(catid) {
        // alert(catid);
     $('.imgsfolderid').hide();
      $('#hideshowtabs').hide();
      $('.folderimgid_'+catid).show();
      $('.backShow').show();
      $('.backShow').val(catid);
    }

function vedioCatid(catid) {

     $('.vidsfolderid').hide();
      $('#hideshowtabs').hide();
      $('.videosid_'+catid).show();
      $('.backShow1').show();
      $('.backShow1').val(catid);

}

function backbtn(catid) {
  // alert();
    $('.imgsfolderid').show();
      $('#hideshowtabs').show();
      $('.folderimgid_'+catid).hide();
      $('.backShow').hide();

}

function videobackbtn(catid) {
  // alert("test");
 $('.vidsfolderid').show();
      $('#hideshowtabs').show();
      $('.videosid_'+catid).hide();
      $('.backShow1').hide();
      $('.backShow1').hide();


}

</script>