<?php if(have_posts()): while(have_posts()): the_post(); ?>
  <div id="target" class="m_single_discussion">
    <article class="l-paper l-article">
      <h1><?= the_title() ?></h1>

      <!-- 個別SNSリンクエリア -->
      <?php include(TEMPLATEPATH.'/_page_sns.php'); ?>
      <?php the_content() ?>
      <p class="open-shiori"><a id="open-shiori" href="#" class="btn btn-gold">しおりをひらく</a></p>
    </article>

    <!-- 巌流島版のコメントフォーム -->
    <?php if(!is_user_logged_in()) { ?>
      <article class="l-paper l-article m_discussion_comment table m_form">
        <div class="avatar">
          <div class="icon">
            <img src="<?= home_url() ?>/assets/images/avatar/avatar1.svg">
          </div>
        </div>
        <div class="com_cell">
          <p class="disable_note">コメント書き込みの他、動画や写真もアップロードできます。書き込むためにはログインして下さい。</p>
          <p class="btnarea"><a ng-click="showLoginModal('login')" class="btn">ログインする</a></p>
          <textarea readonly="true"></textarea>
        </div>
      </article>
    <?php } else if($post->comment_status == 'open') { ?>
      <article class="">
        <form action="<?= home_url() ?>/wp-comments-post.php" class="l-paper l-article new_post table m_discussion_comment m_form" data-remove="true" enctype="multipart/form-data" id="new_post" method="post">
		      <div class="avatar">
		      	<div class="icon">
              <?= get_avatar($userdata->user_email) ?>
            </div>
          </div>
          <div class="com_cell">
            <input name="utf8" type="hidden" value="✓">
            <input name="authenticity_token" type="hidden" value="LdFoW1W1nIwhI8SSeeWqSmMAhQrJYKAopvFNrubIeHQ=">
            <input type="hidden" name="comment_post_ID" value="<?= $post->ID ?>" id="comment_post_ID">
            <input type="hidden" name="comment_parent" id="comment_parent" value="0">
            <label>
              <textarea cols="100" id="post_comment" ng-model="comment" name="comment" placeholder="コメント書き込みの他、動画や写真もアップロードできます。" rows="4"></textarea>
            </label>

            <!-- Facebook形式プリロードエリア -->
            <div id="disp_area" class="ogp_disp_area" style="display:none;">
              <i id="_preview_reset_btn" class="fa fa-close"></i>
              <a id="_site_link_area" class="table" href="" target="_blank">
                <div class="img_cell">
                  <figure id="_img_area" class="inner">
                    <img id="_img" class="contribute_img">
                  </figure>
                </div>
                <div class="cell">
                  <p id="_title_area" class="preview_title"></p>
                  <p id="_description_area"></p>
                </div>
              </a>
              <input id="post_og_url" name="og_url" type="hidden">
              <input id="post_og_title" name="og_title" type="hidden">
              <input id="post_og_description" name="og_description" type="hidden">
              <input id="post_og_thumbnail" name="og_thumbnail" type="hidden">
            </div>

            <p class="forms" ng-show="uploadShow">
              <input id="post_upload_image" name="comment_image" type="file" accept="image/*">
            </p>
            <p class="btnarea">
            	<a id="switch_form_link" class="upload" ng-click="uploadShow = !uploadShow"><i class="fa fa-upload"></i>写真・動画をアップロード</a>
            	<input type="submit" class="btn btn-red" value="投稿する" ng-class="{'disabled': !comment || comment.length < 1}">
            </p>
          </div><!-- end row  -->

          <input id="post_talk_id" name="post[talk_id]" type="hidden" value="6">
          <input id="no_paging" name="no_paging" type="hidden" value="true">
        </form>
      </article>
    <?php } else { ?>
      <article class="l-paper l-article m_discussion_closed m_form">
        <!-- 投稿終了 -->
        <?php
          $finish_message = get_field('finish_message', $post->ID);
          if($finish_message == '') {
            $finish_message = '<p class="notice">このお題の議論は終了しました。これ以上の投稿はできません。</p>';
          }
          echo $finish_message;
        ?>
      </article>
    <?php } ?>

    <!-- アンケート -->
    <?php comments_template('/_comment-template.php'); ?>

  </div>
  <?php include('_links.php'); ?>
<?php endwhile; endif; ?>
<?php wp_reset_query(); ?>

<?php echo '<script>var POST_ID = ' . $post->ID . ';</script>'; ?>

<script src="<?= get_template_directory_uri() ?>/js/cookie.js"></script>
<script src="<?= get_template_directory_uri() ?>/js/discussion.js"></script>