<?php
/**
 * Single view template.
 *
 * @package AMP
 */

/**
 * Context.
 *
 * @var AMP_Post_Template $this
 */

$this->load_parts( array( 'html-start' ) );
?>

<?php $this->load_parts( array( 'header' ) ); ?>

<article class="amp-wp-article">
        <header class="amp-wp-article-header">
                

# get( 'post_title' ) ); ?>


                <?php $this->load_parts( apply_filters( 'amp_post_article_header_meta', array( 'meta-author', 'meta-time' ) ) ); ?>
        </header>

        <?php $this->load_parts( array( 'featured-image' ) ); ?>

        <div class="amp-wp-article-content">
                <?php echo $this->get( 'post_amp_content' ); // WPCS: XSS ok. Handled in AMP_Content::transform(). ?>
        </div>

        <footer class="amp-wp-article-footer">
                <?php $this->load_parts( apply_filters( 'amp_post_article_footer_meta', array( 'meta-taxonomy', 'meta-comments-link' ) ) ); ?>
        </footer>
</article>

<?php $this->load_parts( array( 'footer' ) ); ?>

<?php
$this->load_parts( array( 'html-end' ) );

<?php
   $htmlcontents = $this->get( 'post_amp_content' );// AMP向け記事コンテンツを取得
   // AMAZON JS対応
   $matchNum = preg_match_all('/data-asin="([^"]{1,})"/', $htmlcontents, $matches);// Amazon商品のasinを取得
   include "aws_apai.php";// Githubからコピペした商品情報取得用のPHPファイルをインクルード
   foreach ($matches[1] as $asin) {// asinをループ処理
      $html = getAsinInfo($asin);// 商品のHTML情報を取得・生成
      $target = '<div class="amazon_item_'.$asin;// 対象のdiv要素文字列
      $position_number = strpos($htmlcontents,$target);// HTML上のどこに存在するかを取得
      $htmlcontents = substr_replace($htmlcontents,$html,$position_number,0);// 対象部分に挿入
   }
   echo $htmlcontents;// WPCS: XSS ok. Handled in AMP_Content::transform().
?>

function getAsinInfo($asin) {
$product = aws_apai_get_product_by_asin($asin);
return getAmazonInfoHtml($product);
}

function getAmazonInfoHtml($product) {
// 画像サイズを横幅最大65pxとする
$imgWidthMag= $product["imageWidth"] / 65;
$imgWidth = $product["imageWidth"] / $imgWidthMag;
$imgHeight = $product["imageHeight"] / $imgWidthMag;

$html;
$html .= '<div class="amazonjs_item">';
$html .= '<div class="amazonjs_image">';
$html .= '<a href='. $product["url"] . 'class="amazonjs_link" data-role="amazonjs_product" data-asin="'. $product["asin"] .'" title="'. $product["name"] .'" target="_blank">';
$html .= '<amp-img src="'. $product["image"] .'" width="'. $imgWidth .'" height="'. $imgHeight .'" alt="'. $product["name"] .'"></a>';
$html .= '</div>';
$html .= '<div class="amazonjs_info">';
$html .= '

#### ';
$html .= '';
$html .= $product["name"] .'

';
$html .= '<ul>';
$html .= '<li>'. $product["publisher"] . '</li>';

if (isset($product["fprice"]) and !empty($product["fprice"])) {
$html .= '<li class="amazonjs_price" title="価格および発送可能時期はデータを取得した時点のものであり、変更される場合があります。商品の販売においては、購入の時点で [Amazon.co.jp または Javari.jp] に表示されている価格および発送可能時期の情報が適用されます。">';
if (isset($product["ListFprice"]) and !empty($product["ListFprice"])) {
$html .= '<b>参考価格</b><span class="amazonjs_listprice">'. $product["ListFprice"]. '</span><br>';
}
$html .= '<b>価格</b>'. $product["fprice"] . '<span></span></li>';
}

if (isset($product["releaseDate"]) ) {
$html .= '<li><b>発売日</b>'. str_replace("-", "/",$product["releaseDate"]) . '</li><li>';
} else if(isset($product["publicationDate"])) {
$html .= '<li><b>発売日</b>'. str_replace("-", "/",$product["publicationDate"]) . '</li><li>';
}
$html .= '<b>商品ランキング</b>'.number_format($product["salesRank"]) . '位</li>';
$html .= '</ul>';
$html .= '</div>';
$html .= '</div>';
return $html;
}
?>

div.amazon_item_wrap{
	display:none;
}

<?php
  $css = "";
  // AMP CSSの追加
  $css .= file_get_contents(get_stylesheet_directory() . "/amp/style.css");;
  // AmazonJSのCSSの追加
  $css .= file_get_contents(WP_PLUGIN_DIR . "/amazonjs/css/amazonjs.css");
  // AmazonJS内の画像リンクの修正
  $css = preg_replace('/\.\.\/images\/amazonjs\.png/', '{サイトドメイン}/wp-content/plugins/amazonjs/images/amazonjs.png', $css);
  //行頭のタブ・空白を削除
  $css = preg_replace('/^[\t\s]+/m', '', $css);
  //改行を削除
  $css = str_replace(PHP_EOL, '', $css);
  //コメントを削除
  $css = preg_replace('/\/\*.*?\*\//s', '', $css);
  echo $css;
?>

// 473行目あたり
$indicator_html = <<<EOF
<div class="amazon_item_{$asin} amazon_item_wrap"><div data-role="amazonjs" data-asin="{$asin}" data-locale="{$country_code}" data-tmpl="${tmpl}" data-img-size="${imgsize}" class="asin_{$asin}_{$country_code}_${tmpl} amazonjs_item"><div class="amazonjs_indicator"><span class="amazonjs_indicator_img"></span><a class="amazonjs_indicator_title" href="{$url}">{$title}</a><span class="amazonjs_indicator_footer"></span></div></div></div>
EOF;