<?php
/* 
Most of the code is taken from class-amp-gallery-embed.php and Photo Gallery Plugin https://wordpress.org/plugins/photo-gallery/
*/
require_once( AMP__VENDOR__DIR__ . '/includes/embeds/class-amp-base-embed-handler.php' );

class AMPforWP_Photo_Gallery_Embed_Handler extends AMPforWP\AMPVendor\AMP_Base_Embed_Handler {
  private static $script_slug = 'amp-carousel';
  private static $script_src = 'https://cdn.ampproject.org/v0/amp-carousel-0.1.js';

  public function register_embed() {
    add_shortcode( 'Best_Wordpress_Gallery', array( $this, 'shortcode' ) );
  }

  public function unregister_embed() {
    remove_shortcode( 'Best_Wordpress_Gallery' );
  }

  public function get_scripts() {
    if ( ! $this->did_convert_elements ) {
      return array();
    }

    return array( self::$script_slug => self::$script_src );
  }

  public function shortcode( $args ) {

    $params = array();
    $params['id'] = WDWLibrary::get('shortcode_id', 0);
    // Get values for elementor widget.
    $params['gallery_type'] = WDWLibrary::get('gallery_type', 'thumbnails');
    $params['gallery_id'] = WDWLibrary::get('gallery_id', 0);
    $params['tag'] = WDWLibrary::get('tag', 0);
    $params['album_id'] = WDWLibrary::get('album_id', 0);
    $params['theme_id'] = WDWLibrary::get('theme_id', 0);
    $params['ajax'] = TRUE;
    if ( isset($params['id']) && $params['id'] ) {
      global $wpdb;
      $shortcode = $wpdb->get_var($wpdb->prepare("SELECT tagtext FROM " . $wpdb->prefix . "bwg_shortcode WHERE id='%d'", $params['id']));
      if ($shortcode) {
        $shortcode_params = explode('" ', $shortcode);
        foreach ($shortcode_params as $shortcode_param) {
          $shortcode_param = str_replace('"', '', $shortcode_param);
          $shortcode_elem = explode('=', $shortcode_param);
          $params[str_replace(' ', '', $shortcode_elem[0])] = $shortcode_elem[1];
        }
      }
      else {
        return;
      }
    }

    // 'gallery_type' is the only parameter not being checked.
    // Checking for incomplete shortcodes.
    if ( isset($params['gallery_type']) ) {
      $pairs = WDWLibrary::get_shortcode_option_params( $params );
      if ( isset($params['ajax']) ) {
        $pairs['ajax'] = $params['ajax'];
      }
      ob_start();
      $this->front_end( $pairs );
      $output = str_replace( array( "\r\n", "\n", "\r" ), '', ob_get_clean() );
      $dom    = '';
      $nodes    = '';
      $num_nodes  = '';
      $urls = array();
      if( !empty( $output ) ){
        // Create a new document
        $dom = new DOMDocument();
        if( function_exists( 'mb_convert_encoding' ) ){
          $output = mb_convert_encoding($output, 'HTML-ENTITIES', 'UTF-8');     
        }
        else{
          $output =  preg_replace( '/&.*?;/', 'x', $output ); // multi-byte characters converted to X
        }
        // To Suppress Warnings
        libxml_use_internal_errors(true);
        $dom->loadHTML($output);
        libxml_use_internal_errors(false);
        // get all the img's
        $nodes = $dom->getElementsByTagName( 'img' );
        $num_nodes  = $nodes->length;
        for ( $i = $num_nodes - 1; $i >= 0; $i-- ) {
          $url = $width = $height = '';
          $node   = $nodes->item( $i );
          $urls[] = apply_filters('amp_photo_gallery_image_params', array(
            'url' => $node->getAttribute( 'src' ),
            'width' => 500,
            'height' => 500,
          ));
        }
      }
    }
    return $this->render( array(
      'images' => $urls,
    ) );
  }
 
public function front_end($params) {
    require_once(BWG()->plugin_dir . '/framework/WDWLibraryEmbed.php');
    require_once(BWG()->plugin_dir . '/frontend/controllers/controller.php');
    $controller = new BWGControllerSite( ucfirst( $params[ 'gallery_type' ] ) );
    if ( WDWLibrary::get('shortcode_id', 0) || isset($params['ajax']) ) {
      $controller->execute($params, 1, WDWLibrary::get('bwg', 0));
    }
    else {
      $bwg = WDWLibrary::unique_number();
      $controller->execute($params, 1, $bwg);
    }

    return;
  }
  public function render( $args ) {
    global $redux_builder_amp,$carousel_markup_all;
    $this->did_convert_elements = true;
    
    $args = wp_parse_args( $args, array(
      'images' => false,
    ) );
    
    if ( empty( $args['images'] ) ) {
      return '';
    }

    /*Filter*/
    $carousel_markup = $amp_image_lightbox = '';
    
    $carousel_markup_all = array(
      '1'=>array(
            'main-html'=>'{{with_carousel}}
            {{amp_image_lightbox}}',
            'image-with-caption-html'=>'<figure><div class="ampforwp-gallery-item amp-carousel-container">{{main_images}} </div><figcaption {{openbrack}}class{{closebrack}}="expanded? \'expanded\' : \'\'" on="tap:AMP.setState({expanded: !expanded})" tabindex="0" role="button" >{{main_images_caption}}<span {{openbrack}}text{{closebrack}}="expanded ? \'less\' : \'more\'">more</span> </figcaption></figure>',
            'image-without-caption-html' =>'<div class="ampforwp-gallery-item amp-carousel-container">{{main_images}} </div>',
            'gallery_css' => '',

            'scripts' => array()
                  ),
      '2' => array(
            'main-html'=>'{{with_carousel}} 
            {{with_carousel_thumbnail}}
            {{amp_image_lightbox}}',
            'image-with-caption-html'=>'<figure><div class="ampforwp-gallery-item amp-carousel-container">{{main_images}} </div><figcaption {{openbrack}}class{{closebrack}}="expanded? \'expanded\' : \'\'" on="tap:AMP.setState({expanded: !expanded})" tabindex="0" role="button" >{{main_images_caption}}<span {{openbrack}}text{{closebrack}}="expanded ? \'less\' : \'more\'">more</span> </figcaption></figure>',
            'image-without-caption-html' =>'<div class="ampforwp-gallery-item amp-carousel-container">{{main_images}} </div>',
            'carousel_with_thumbnail_html'=>'<button on="tap:carousel-with-carousel-preview-{{unique_id}}.goToSlide(index={{unique_index}})" class="amp-carousel-slide amp-scrollable-carousel-slide">{{thumbnail}}</button>',
            'gallery_css' => '
              .carousel-preview button{padding:0;}
              .carousel-preview amp-img{height:40px;width:60px;position:relative;}
              .carousel-preview {width: 100%;display: inline-block;text-align: center;margin: 20px 0px;}
              ',
            'scripts' => array()
                  ),
      '3' => array(
            'main-html'=>'<div class="gal_w">{{with_images}}</div>
            {{amp_image_lightbox}}',
            'image-with-caption-html'=>'',
            'image-without-caption-html' =>'{{main_images}}',
            'gallery_css' => '
              .gal_w{display:inline-block;width:100%}
              .gal_w amp-img{background:#f1f1f1;height:134px;width:150px;position: relative;float:left;margin:10px;}
              .cls-btn{background:#0d0d0d;border:none;position: absolute;right: 10px;}
              .cls-btn:after{content:"X";display:inline-block;color:#fff;font-size:20px;padding:20px;}
              ',
            'scripts' => array()
                  ),
    );

    $carousel_markup_all = apply_filters("ampforwp_manage_gallery_markup", $carousel_markup_all);
    //Default markup
    $markup =  $carousel_markup_all[1];

    if( isset($redux_builder_amp['ampforwp-gallery-design-type']) &&  isset($carousel_markup_all[$redux_builder_amp['ampforwp-gallery-design-type'] ] ) ){
      $markup =  $carousel_markup_all[$redux_builder_amp['ampforwp-gallery-design-type']];
    }

    $amp_images = array();
    foreach ( $args['images'] as $key => $image ) {
      $amp_img_arr = array(
          'src' => $image['url'],
          'width' => $image['width'],
          'height' => $image['height'],
          'layout' => 'fill',
          'class'  => 'amp-carousel-img',
        );
      if(  3 == ampforwp_get_setting('ampforwp-gallery-design-type') || true == ampforwp_get_setting('ampforwp-gallery-lightbox') ){
        $design3_additional_attr = array('on'=> 'tap:gallery-lightbox', 'role'=>'button', 
                  'tabindex'=>$key);
        $amp_img_arr = array_merge($amp_img_arr, $design3_additional_attr);
        $amp_image_lightbox = '<amp-image-lightbox id="gallery-lightbox" layout="nodisplay">
                <div on="tap:gallery-lightbox.close" role="button"
                    tabindex="0">
                    <button class="cls-btn" on="tap:gallery-lightbox.close"
                      role="button" tabindex="0"></button>
                </div>
              </amp-image-lightbox>';
      }
      $amp_images[$key] = AMP_HTML_Utils::build_tag(
        'amp-img',
        $amp_img_arr
      );

      //Small Thumbnail Images
      $thumb_url = ampforwp_aq_resize( $image['url'], 120, 60, true, false ); //resize & crop the image
             if($thumb_url!=false){
          $smallimage   =  $thumb_url[0];
          $smallwidth   =  $thumb_url[1];
          $smallheight  =  $thumb_url[2];
              }else{
                $smallimage  = $image['url'];
                $smallwidth = $image['width'];
                $smallheight = $image['height'];
              }

          $amp_images_small[$key] = AMP_HTML_Utils::build_tag(
        'amp-img',
        array(
          'src' => $smallimage,
          'width' => $smallwidth,
          'height' =>  $smallheight,
          'layout' => 'fill',
          'class'  => 'amp-carousel-img',
        )
      );

      //Image markups loading
      $returnHtml = '';
      //Check if the attachment has caption or not
      if(isset($image['caption']) && $image['caption'] != '' && isset($markup['image-with-caption-html']) && $markup['image-with-caption-html'] != ''){
        // To enable the carousel magic
        $caption = $image['caption'];
        // Append the caption with image
        $returnHtml = isset($markup['image-with-caption-html'])? $markup['image-with-caption-html']:'';
        $returnHtml = str_replace('{{main_images}}', $amp_images[$key] , $returnHtml);
        $returnHtml = str_replace('{{main_images_caption}}', wp_kses_data( $caption ), $returnHtml);
        // Replace the openbrack with [ and closebrack with ]
        $returnHtml = str_replace('{{openbrack}}', '[', $returnHtml);
        $returnHtml = str_replace('{{closebrack}}', ']', $returnHtml);
      }
      elseif( isset($markup['image-without-caption-html']) ){
        // If there is no caption
        $returnHtml = isset($markup['image-without-caption-html'])? $markup['image-without-caption-html'] :'';
        $returnHtml = str_replace('{{main_images}}', $amp_images[$key] , $returnHtml);
      }
      
      $images[$key] = apply_filters('amp_gallery_images', $returnHtml, $image, $markup);
    }// foreach Closed

    //replacements
      $r = rand(1,100);
      $amp_carousel = AMP_HTML_Utils::build_tag(
              'amp-carousel',
              array(
                'width' => $this->args['width'],
                'height' => $this->args['height'],
                'type' => 'slides',
                'layout' => 'responsive',
                'class'  => 'collapsible-captions',
                'id' => 'carousel-with-carousel-preview-'.$r
              ),
              implode( PHP_EOL, $images ));

      $amp_carousel_with_thumbnail_nav = apply_filters('amp_thumbnail_images', $amp_images_small, $r, $markup);
      $amp_carousel_thumbnail ='';
      if(!empty($amp_carousel_with_thumbnail_nav)){
        $amp_carousel_thumbnail = AMP_HTML_Utils::build_tag(
                'amp-carousel',
                array(
                  'width' => 'auto',
                  'height' => 48,
                  'type' => 'carousel',
                  'layout' => 'fixed-height',
                  'class'  => 'carousel-preview'
                ),
                implode( PHP_EOL, $amp_carousel_with_thumbnail_nav ));
      
      }
    $amp_carousel_thumbnail = apply_filters('amp_gallery_markup', $amp_carousel_thumbnail);

    $returnCompleteHtml = $markup['main-html'];
    //last changes
    $returnCompleteHtml = str_replace('{{with_carousel}}', $amp_carousel, $returnCompleteHtml);
    $returnCompleteHtml = str_replace('{{with_carousel_thumbnail}}', $amp_carousel_thumbnail, $returnCompleteHtml);
    $returnCompleteHtml = str_replace('{{amp_image_lightbox}}', $amp_image_lightbox, $returnCompleteHtml);
    $returnCompleteHtml = str_replace('{{with_images}}', implode( PHP_EOL, $images ), $returnCompleteHtml);
    return $returnCompleteHtml;
  }
}// Class closed

// Add Caption in the Gallery Image
add_filter('amp_gallery_images','AMPforWP\\AMPVendor\\ampforwp_new_gallery_images', 10, 3);
function ampforwp_new_gallery_images($images_markup, $image, $markup_arr){
  add_action('amp_post_template_css', 'AMPforWP\\AMPVendor\\ampforwp_additional_gallery_style');
  add_filter('amp_post_template_data','ampforwp_carousel_bind_script');
  add_action('amp_post_template_css', 'ampforwp_additional_style_carousel_caption');
  return $images_markup;
}

if( ! function_exists( 'ampforwp_additional_gallery_style' ) ){
  function ampforwp_additional_gallery_style(){
    global $redux_builder_amp,$carousel_markup_all;
    $design_type = '';
    $design_type = $redux_builder_amp['ampforwp-gallery-design-type'];
    
    if(isset($design_type) && $design_type!==''){
      echo $carousel_markup_all[$design_type]['gallery_css'];
    }
  }
}

add_filter('amp_thumbnail_images','AMPforWP\\AMPVendor\\ampforwp_new_thumbnail_images',10,3);
function ampforwp_new_thumbnail_images($amp_images, $uniqueid, $markup_arr){
  if(!isset($markup_arr['carousel_with_thumbnail_html'])){return '';}
  $amp_thumb_image_buttons = '';
  foreach ($amp_images as $key => $value) {
    $returnHtml = $markup_arr['carousel_with_thumbnail_html'];
    $returnHtml = str_replace('{{thumbnail}}', $value , $returnHtml);
    $returnHtml = str_replace('{{unique_id}}', $uniqueid , $returnHtml);
    $returnHtml = str_replace('{{unique_index}}', $key , $returnHtml);
    $amp_thumb_image_buttons[$key] = $returnHtml;
  }
  return $amp_thumb_image_buttons;
}