<!--{assign var="menu_id" value="diary"}-->
<!--{include file="<!--{$oetplpath}-->widget/block_header.tpl"}-->
<body class="bg_body">
  <!--{include file="<!--{$oetplpath}-->widget/block_top.tpl"}-->

  <div class="w1200 clearfix mt30 mb30">
    <div class="bg_f fl br10 p30 bsb" style="width: 820px;">
      <h2 class="fz24 fb t_center"><!--{$diary.title}--></h2>
      <div class="info color_9 t_center mt20">
        发布时间：<!--{$diary.addtime|date_format:'%Y.%m.%d'}--> &#12288;&#12288;阅读次数：<!--{$diary.hits}-->
        <div class="inline_block ml30">
          <div class="bdsharebuttonbox">
          <a href="#" class="bds_more" data-cmd="more"></a>
          <a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
          <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
          <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
          </div>
          <script>
          window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"1","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
          </script>
        </div>
      </div>
      <div class="content mt30 pt30 bo_tf7 fz16 lh26">
        <!--{if !empty($diary.drawimg) && $diary.drawimg!="/tpl/static/images/nopic.jpg"}-->
        <img src="<!--{$diary.drawimg}-->">
        <!--{/if}-->
        <div class="mt30">
          <!--{$diary.content}-->
        </div>
      </div>

      <input type="hidden" id="page" value="<!--{$page}-->">
      <input type="hidden" id="diary_id" value="<!--{$id}-->">

      <div class="comment pt50">
        <h3 class="bo_beb pb10 fz16">用户评论</h3>
        <div class="input_box mt20">
          <textarea class="w100per bo_eb br5 h40 lh35 bsb plr10 fz16 vam" style="width: 680px;" placeholder="请输入内容..." id="comm_content"></textarea>
          <button class="bg_main cursor bo_main color_f fz16 plr20 ptb8 br3 vam" id="submit_comment_btn">发布</button>
        </div>
        <div class="list" id="list">

        </div>
        <div class="load t_center ds_hide" id="comment_btn_loading">
          <div class="inline_block">
            <img class="vam" src="<!--{$skinpath}-->images/loading.gif">
            <span class="color_9">正在加载</span>
          </div>
        </div>
        <div id="comment_btn_more">加载更多</div>
      </div>
    </div>

    <div class="fr w380 bsb pl25">
      <div class="bg_f br8 ptb30">
        <div class="t_center fz18 fb pr pb10 pr">
          日记筛选
          <span class="bg_main inline_block w20 h4 br pa l50per b" style="margin-left: -10px;"></span>
        </div>
        <div class="plr40 pt20">
          <dl class="pl50 pr mb20">
            <dt class="pa lt">性别</dt>
            <dd>
              <div class="oeui_radio <!--{if $s_gender ==1}-->checked<!--{/if}-->">
                <label>
                  <div class="radio">
                    <input type="radio" value="1" name="s_gender" <!--{if $s_gender ==1}-->checked<!--{/if}-->>
                    <span class="check_radio"></span>
                  </div>
                  <span class="text">男</span>
                </label>
              </div>
              <div class="oeui_radio pl20 <!--{if $s_gender==2}-->checked<!--{/if}-->">
                <label>
                  <div class="radio">
                    <input type="radio" value="2" name="s_gender" <!--{if $s_gender ==2}-->checked<!--{/if}-->>
                    <span class="check_radio"></span>
                  </div>
                  <span class="text">女</span>
                </label>
              </div>
            </dd>
          </dl>
          <dl class="pl50 pr mb20">
            <dt class="pa lt">头像</dt>
            <dd>
              <div class="oeui_checkbox <!--{if $s_avatar ==1}-->checked<!--{/if}-->">
                <label>
                  <div class="checkbox">
                    <input type="checkbox" id="s_avatar">
                    <div class="icon">
                      <em class="oeuifont oeui-duoxuankuangdagou"></em>
                    </div>
                  </div>
                  <span class="text">有头像</span>
                </label>
              </div>
            </dd>
          </dl>
          <dl class="pl50 pr mb20">
            <dt class="pa lt lh35">排序</dt>
            <dd>
              <div class="oeui_select inline_block">
                <div class="selector" style="height: 35px;">
                  <input type="hidden" name="s_orderby" id="s_orderby" value="<!--{$s_orderby}-->" />
                  <span class="selection" style="line-height: 35px;">默认排序</span>
                  <span class="icon" style="top: 6px;">
                  <i class="iconfont icon-down color_9 fz14_i"></i>
                </span>
                </div>
                <div class="dropdown" style="top:38px;">
                  <div class="option <!--{if $s_orderby==0}-->selected<!--{/if}-->" data-val="0">默认排序</div>
                  <div class="option <!--{if $s_orderby==1}-->selected<!--{/if}-->" data-val="1">最新发布</div>
                  <div class="option <!--{if $s_orderby==2}-->selected<!--{/if}-->" data-val="2">最新评论</div>
                  <div class="option <!--{if $s_orderby==3}-->selected<!--{/if}-->" data-val="3">浏览最多</div>
                  <div class="option <!--{if $s_orderby==4}-->selected<!--{/if}-->" data-val="4">评论最多</div>
                </div>
              </div>
            </dd>
          </dl>
          <dl class="pl50 pr mb20">
            <dt class="pa lt lh35">关键词</dt>
            <dd>
              <input type="text" name="s_keyword" id="s_keyword" autocomplete="off" placeholder="请输入关键词" value="<!--{urldecode($s_keyword)}-->" class="inline_block lh35 bsb h35 bo_eb w100per pl10 br2" />
            </dd>
          </dl>
          <div>
            <span class="block bg_main t_center color_f lh40 fz16 br3 hover cursor" id="commit_btn">筛选</span>
          </div>
          </form>
          
        </div>
      </div>
      
      <!--{assign var="list" value=vo_list("mod={diary} num={10} orderby={v.hits DESC}")}-->
      <!--{if !empty($list)}-->
      <div class="mt20 bg_f br10 bsb ptb30">
        <div class="t_center fz18 fb pr pb10 pr">
          热门日记
          <span class="bg_main inline_block w20 h4 br pa l50per b" style="margin-left: -10px;"></span>
        </div>
        <div class="pt20 plr30">
          <ul>
            <!--{foreach $list as $volist}-->
            <li class="lh36 ws fz16"><span class="inline_block bg_de img_5 br vam mr10"></span><a href="<!--{$volist.url}-->" target="_blank"><!--{$volist.title}--></a></li>
            <!--{/foreach}-->
          </ul>
        </div>
      </div>
      <!--{/if}-->
      
    </div>
    <div class="clear"></div>
  </div>
<input type="hidden" id="diaryid" value="<!--{$id}-->">
<!--{include file="<!--{$oetplpath}-->widget/block_footer.tpl"}-->
<!--{include file="<!--{$oetplpath}-->widget/block_footer_oeui.tpl"}-->
<script src="<!--{$skinpath}-->js/diary.js?v=<!--{$copyright_version}-->"></script>
</body>
</html>