<?py include('templates/base_top.html') ?>
<?py if oek_finish: ?>
  <div class="nav">
    &#91;<a href="#{boards_url}#{board}/">掲示板に戻る</a>&#93;
  </div>
  <hr />
<?py #endif ?>
<?py if replythread: ?>
  <div class="nav">
    &#91;<a href="#{boards_url}#{board}/">掲示板に戻る</a>&#93;
    &#91;<a href="/cgi/catalog/${board}">カタログ</a>&#93;
    &#91;<a href="#bottom" name="top">ボトムへ行</a>&#93;
  </div>
  <div class="replymode">レス送信モード</div>
<?py #endif ?>
<a name="postbox"></a>
<div class="postarea">
<?py if allow_oekaki and not oek_finish: ?>
  <center>
    <form class="oekform" action="#{cgi_url}oekaki/paint" method="post" enctype="multipart/form-data">
    <input type="hidden" name="board" value="#{board}" />
    <?py if replythread: ?>
      <input type="hidden" name="parent" value="#{replythread}" />
    <?py #endif ?>
    Usar: <select name="oek_applet">
      <option value="neo">PaintBBS NEO</option>
      <option value="tegaki">Tegaki</option>
      <option value="wpaint">wPaint</option>
      <option value="shipainter|n|n">Shi-Painter</option>
      <option value="shipainter|y|n">Shi-Painter Pro</option>
    </select>
    <span id="oek_size"><input type="text" name="oek_x" size="4" maxlength="4" value="300" /> x <input type="text" name="oek_y" size="4" maxlength="4" value="300" /></span>
    <input type="submit" value="お絵かきする" />
    <br />
    <a href="#{cgi_url}oekaki/finish/#{board}/#{replythread}">アップロード途中の画像</a>
    </form>
  </center>
<?py #endif ?>
<?py if oek_finish: ?>
<center style="margin:0.5em 0;">
  <table><tr><td>
  <?py if oek_finish == "no": ?>
    <div style="font-size:xx-large;margin:0.25em;">画像が見当たりません</div>
  <?py else: ?>
    <img src="#{images_url}#{board}/temp/#{oek_finish}.png?ts=#{ts}" />
  <?py #endif ?>
  </td></tr></table>
</center>
<?py #endif ?>
<form name="postform" id="postform" action="#{cgi_url}post" method="post" enctype="multipart/form-data">
  <input type="hidden" name="board" value="#{board}" />
  <?py if replythread: ?>
    <input type="hidden" name="parent" value="#{replythread}" />
    <input type="hidden" name="default_subject" value="#{default_subject}" />
  <?py #endif ?>
  <div style="display:none;">Trampa: <input type="text" name="name" size="25" /> <input type="text" name="email" size="25" /></div>
  <table class="postform">
    <?py if not disable_name: ?>
    <tr>
      <td class="postblock">おなまえ</td>
      <td><input type="text" name="fielda" size="25" accesskey="n" /></td>
    </tr>
    <?py #endif ?>
    <tr>
      <td class="postblock">E-mail</td>
      <td>
        <input type="text" name="fieldb" size="25" accesskey="e" />
        <?py if disable_subject: ?>
          <input type="submit" value="#{'返信' if replythread else 'スレッドを立てる'}" accesskey="z" />
        <?py #endif ?>
      </td>
    </tr>
    <?py if not disable_subject: ?>
    <tr>
      <td class="postblock">題　　名</td>
      <td>
        <input type="text" name="subject" size="35" maxlength="100" accesskey="s" />
        <input type="submit" value="#{'返信' if replythread else 'スレッドを立てる'}" accesskey="z" />
      </td>
    </tr>
    <?py #endif ?>
    <tr>
      <td class="postblock">コメント</td>
      <td><textarea name="message" cols="50" rows="6" accesskey="m"></textarea></td>
    </tr>
    <?py if not oek_finish: ?>
      <?py if (replythread and allow_image_replies) or (not replythread and allow_images): ?>
      <tr>
        <td class="postblock">添付File</td>
        <td>
          <input type="file" name="file" id="file" accesskey="f" />
          <span id="filepreview" style="display:none;"></span>
          <?py if allow_spoilers: ?>
            <label>[<input type="checkbox" name="spoil" id="spoil" />ネタバレ]</label>
          <?py #endif ?>
          <?py if allow_noimage and not replythread: ?>
            <label>[<input type="checkbox" name="noimage" id="noimage" />画像なし]</label>
          <?py #endif ?>
        </td>
      </tr>
      <?py #endif ?>
    <?py elif oek_finish != 'no': ?>
      <input type="hidden" name="oek_file" value="#{oek_finish}" />
    <?py #endif ?>
    <tr class="pass">
      <td class="postblock">削除キー</td>
      <td><input type="password" name="password" size="8" accesskey="p" /> (削除用)</form></td>
    </tr>
    <tr>
      <td colspan="2" id="rules">
        <ul>
          #{postarea_desc}
        <?py if supported_filetypes: ?>
          <li>添付可能：#{', '.join(supported_filetypes).upper()}. #{maxsize}KBまで. #{maxdimensions}x#{maxdimensions}以上は縮小.</li>
        <?py #endif ?>
          <li><a href="#{cgi_url}catalog/${board}">カタログ</a> (ソート：<a href="/cgi/catalog/${board}?sort=1">新順</a>/<a href="/cgi/catalog/${board}?sort=2">古順</a>/<a href="/cgi/catalog/${board}?sort=3">多順</a>/<a href="/cgi/catalog/${board}?sort=4">少順</a>)</li>
        <?py if maxage: ?>
          <li>スレは<b>#{maxage}</b>日間経つと自動的に消されられます.</li>
        <?py #endif ?>
          <li><a href="/guia.html">使い方</a> · <a href="/faq.html">よくある質問</a> · <a href="/bai/">管理人への連絡</a></li>
          <li id="search"><form method="get" action="/tools/search.py" style="display: inline-block;"><input type="hidden" name="board" value="${board}"><label for="searchin">検索：</label><input type="text" name="q" id="searchin" value="" size="10"> <input type="submit" value="GO"></form>
            <?py if not force_css: ?>
              · <span>スタイル：<select id="styles">
              <?py for title in styles: ?><option value="#{title}">#{title}</option><?py #endfor ?>
              </select></span>
            <?py #endif ?>
          </li>
        </ul>
      </td>
    </tr>
  </table>
</div><?py #div .postarea?>
<hr />
<?py if postarea_extra: ?>
  <center>#{postarea_extra}</center>
  <hr />
<?py #endif ?>

<form id="delform" action="#{cgi_url}delete" method="post">
  <input type="hidden" name="board" value="#{board}" />
  <?py if threads: ?>
  <?py for thread in threads: ?>
    <div id="t#{thread['id']}" class="thread" data-length="#{thread['length']}">
    <?py if not replythread: ?>
      <span class="unhide" style="display:none;">スレ<a href="#{boards_url}#{board}/res/#{thread['id']}.html">#{thread['id']}</a>は隠しました. <a class="tt" href="#">スレを表示</a></span>
    <?py #endif ?>
    <?py for post in thread['posts']: ?>
      <?py if not post['IS_DELETED']: ?>
        <?py if post['parentid']: ?>
        <table>
          <tr>
            <td class="ell">…</td>
            <td class="reply" id="p#{post['id']}">
        <?py elif post['file']: ?>
          <div class="fs">
            <?py if post['image_width']: ?>
              <span>画像ファイル名：</span><a href="#{images_url}#{board}/src/#{post['file']}" class="expimg" target="_blank" data-id="#{post['id']}" data-w="#{post['image_width']}" data-h="#{post['image_height']}">#{post['file']}</a>-(#{post['file_size']} B, #{post['image_width']}x#{post['image_height']})
            <?py else: ?>
              <span>画像ファイル名：</span><a href="#{images_url}#{board}/src/#{post['file']}" target="_blank">#{post['file']}</a>-(#{post['file_size']} B)
            <?py #endif ?>
            <?py if post['file'][-3:] == 'gif': ?>
              <small>アニメGIF</small>
            <?py elif not post['thumb'].startswith('mime'): ?>
              <small>サムネ表示</small>
            <?py #endif ?>
            <?py if not replythread: ?>
              [<a href="#" class="tt">スレを隠す</a>]
            <?py #endif ?>
          </div><?py #div .fs ?>
          <a target="_blank" href="#{images_url}#{board}/src/#{post['file']}" id="thumb#{post['id']}">
            <?py if post['thumb'].startswith('mime'): ?>
              <img class="thumb" alt="#{post['id']}" src="/static/#{post['thumb']}" width="#{post['thumb_width']}" height="#{post['thumb_height']}" />
            <?py elif post['file'][-3:] == 'gif': ?>
              <img class="thumb" alt="#{post['id']}" src="#{images_url}#{board}/src/#{post['file']}" width="#{post['thumb_width']}" height="#{post['thumb_height']}" />
            <?py else: ?>
              <img class="thumb" alt="#{post['id']}" src="#{images_url}#{board}/thumb/#{post['thumb']}" width="#{post['thumb_width']}" height="#{post['thumb_height']}" />
            <?py #endif ?>
          </a>
        <?py #endif ?>
        <a name="#{post['id']}"></a>
        <div class="info">
          <label>
            <input type="checkbox" name="delete" value="#{post['id']}" />
            <?py if post['subject']: ?>
            <span class="subj">#{post['subject']}</span>
            <?py #endif ?>
          </label>
          <?py if post['email']: ?>
            Name <a href="mailto:#{post['email']}"><span class="name">
              <b>#{post['name']}</b>
              #{post['tripcode'] if post['tripcode'] else ''}
            </span></a>
          <?py else: ?>
            Name <span class="name">
              <b>#{post['name']}</b>
              #{post['tripcode'] if post['tripcode'] else ''}
            </span>
          <?py #endif ?>
          <span class="date" data-unix="#{post['timestamp']}">#{post['timestamp_formatted']}</span>
          <?py if post['posterid']: ?>
            <span class="hash">ID:#{post['posterid']}</span>
          <?py #endif ?>
          <?py if replythread: ?>
            <span class="reflink"><a href="##{post['id']}">No.</a><a href="#" class="num">#{post['id']}</a></span>
          <?py else: ?>
            <span class="reflink"><a href="#{boards_url}#{board}/res/#{post['parentid'] if post['parentid'] != 0 else post['id']}.html##{post['id']}">No.</a><a href="#{boards_url}#{board}/res/#{post['parentid'] if post['parentid'] != 0 else post['id']}.html#i#{post['id']}">#{post['id']}</a></span>
          <?py #endif ?>
          <a class="rep" href="#{cgi_url}report/#{board}/#{post['id']}" rel="nofollow">rep</a>
          <?py if post['expires']: ?>
            <small>${post['expires_formatted']}頃消えます</small>
          <?py #endif ?>
          <?py if not post['parentid'] and not replythread: ?>
            [<a href="#{boards_url}#{board}/res/#{post['id']}.html" class="hsbn">返信</a>] 
            <?py if not post['file']: ?>
              [<a href="#" class="tt">スレを隠す</a>]
            <?py #endif ?>
          <?py #endif ?>
          <?py if post['parentid'] and post['file']: ?>
            <div class="fs">
              <?py if post['image_width']: ?>
                <a href="#{images_url}#{board}/src/#{post['file']}" class="expimg" target="_blank" data-id="#{post['id']}" data-w="#{post['image_width']}" data-h="#{post['image_height']}">#{post['file']}</a>-(#{post['file_size']} B, #{post['image_width']}x#{post['image_height']})
              <?py else: ?>
                <a href="#{images_url}#{board}/src/#{post['file']}" target="_blank">#{post['file']}</a>-(#{post['file_size']} B)
              <?py #endif ?>
              <?py if post['file'][-3:] == 'gif': ?>
                <small>アニメGIF</small>
              <?py elif not post['thumb'].startswith('mime'): ?>
                <small>サムネ表示</small>
              <?py #endif ?>
            </div><?py #div .fs ?>
          <?py #endif ?>
        </div><?py #div .info ?>
        <?py if post['parentid'] and post['file']: ?>
          <a target="_blank" href="#{images_url}#{board}/src/#{post['file']}" id="thumb#{post['id']}">
            <?py if post['thumb'].startswith('mime'): ?>
              <img class="thumb" alt="#{post['id']}" src="/static/#{post['thumb']}" width="#{post['thumb_width']}" height="#{post['thumb_height']}" />
            <?py elif post['file'][-3:] == 'gif': ?>
              <img class="thumb" alt="#{post['id']}" src="#{images_url}#{board}/src/#{post['file']}" width="#{post['thumb_width']}" height="#{post['thumb_height']}" />
            <?py else: ?>
              <img class="thumb" alt="#{post['id']}" src="#{images_url}#{board}/thumb/#{post['thumb']}" width="#{post['thumb_width']}" height="#{post['thumb_height']}" />
            <?py #endif ?>
          </a>
        <?py #endif ?>
        <?py if post['thumb_width'] and post['parentid']: ?>
          <blockquote style="margin-left:#{post['thumb_width']+40}px;">#{post['message']}</blockquote>
        <?py else: ?>
          <blockquote>#{post['message']}</blockquote>
        <?py #endif ?>
        <?py if not replythread and post['shortened']: ?>
          <blockquote class="abbrev">(投稿は長すぎ... 全部読むには<a href="#{boards_url}#{board}/res/#{post['id'] if post['parentid'] == "0" else post['parentid']}.html##{post['id']}">こっちら</a>へ)</blockquote>
        <?py #endif ?>
        <?py if post['expires_alert']: ?>
          <div style="color:red;font-weight:bold">このスレは古いので、もうすぐ消えます。</div>
        <?py #endif ?>
        <?py if not post['parentid'] and not replythread and thread['omitted']: ?>
          <span class="omitted">レス${thread['omitted']}件省略。全て読むには返信ボタンを押してください。</span>
        <?py else: ?>
              </td>
            </tr>
          </table>
        <?py #endif ?>
      <?py #endif ?>
    <?py #endfor ?>
    </div><?py #div .thread ?>
    <div class="cut"></div>
    <?py if replythread: ?>
      <hr />
      <div class="nav">
        &#91;<a href="#{boards_url}#{board}/">掲示板に戻る</a>&#93;
        &#91;<a href="/cgi/catalog/${board}">カタログ</a>&#93;
        &#91;<a href="#top" name="bottom">トップへ戻る</a>&#93;
      </div>
    <?py #endif ?>
    <hr />
  <?py #endfor ?>
  
  <div id="userdel">
    【記事削除】<label>[<input type="checkbox" name="imageonly" id="imageonly" />画像だけ消す]</label>
    <br />
    削除キー<input type="password" name="password" size="8" /> <input name="deletepost" value="削除" type="submit" />
  </div>
  <?py #endif ?>
</form>

<?py if pagenav: ?>
  <div id="pg">#{pagenav}</div>
<?py #endif ?>

<?py include('templates/base_bottom.html') ?>