{include file=comm/head.html}
{include file=comm/top.html}
<div class="container pages">
  {include file=comm/position.html}
  {pboot:if({page:rows}>0)}
  <h5 class="border-bottom border-info pb-2"><i class="fa fa-sliders" aria-hidden="true"></i> {plang:msg_record}</h5>
  {/pboot:if}
  <!-- 留言记录 -->
  {pboot:message num=2}
  <div class="media border-bottom pb-3 pt-3">
    <img class="mr-3" src="[message:headpic]" height="25">
    <div class="media-body">
      <h5 class="mt-0">[message:nickname]：</h5>
      <p>[message:content]</p>
      <p>
        <span class="badge badge-light text-secondary font-weight-normal">[message:os]</span>
        <span class="badge badge-light text-secondary font-weight-normal">[message:bs]</span>
        <span class="badge badge-light text-secondary font-weight-normal">[message:askdate]</span>
      </p>
      {pboot:if('[message:recontent]'!='')}
      <div class="media mt-3 border-top-dashed pt-3">
        <img class="mr-3" src="{pboot:sitepath}/static/public/images/user.png" height="25">
        <div class="media-body">
          <h5 class="mt-0">{plang:admin_replay}:</h5>
          <p>[message:recontent]</p>
          <p><span class="badge badge-light text-secondary font-weight-normal">[message:replydate]</span></p>
        </div>
      </div>
      {/pboot:if}
    </div>
  </div>
  {/pboot:message}
  <!-- 分页 -->
  {pboot:if({page:rows}>0)}
  <nav aria-label="page navigation" class="my-4">
    <div class="pagination justify-content-center">
      <a class="page-item page-link" href="{page:index}">{plang:page_index}</a>
      <a class="page-item page-link" href="{page:pre}">{plang:page_pre}</a>
      {page:numbar}
      <!-- 数字条，小屏幕时自动隐藏-->
      <a class="page-item page-link" href="{page:next}">{plang:page_next}</a>
      <a class="page-item page-link" href="{page:last}">{plang:page_last}</a>
    </div>
  </nav>
  {/pboot:if}
  <!-- 留言表单 -->
  <div class="row">
    <div class="col-lg-3"></div>
    <div class="col-12 col-lg-6">
      <form class="my-4" onsubmit="return submsg(this);">
        <div class="form-group">
          <label for="customer_name">{plang:form_fieldname|1|customer_name}</label>
          <div>
            <input type="text" name="customer_name" required id="customer_name" class="form-control" placeholder="{plang:msg_hint_name}">
          </div>
        </div>
        <div class="form-group">
          <label for="customer_mobile">{plang:form_fieldname|1|customer_mobile}</label>
          <div>
            <input type="text" name="customer_mobile" required id="customer_mobile" class="form-control" placeholder="{plang:msg_hint_num}">
          </div>
        </div>
        <div class="form-group">
          <label for="customer_email">{plang:form_fieldname|1|customer_email}</label>
          <div>
            <input type="text" name="customer_email" required id="customer_email" class="form-control" placeholder="{plang:msg_hint_email}">
          </div>
        </div>
        <div class="form-group">
          <label for="customer_content" >{plang:form_fieldname|1|customer_content}</label>
          <div>
            <textarea name="customer_content" id="customer_content" class="form-control" placeholder="{plang:msg_hint_content}"></textarea>
          </div>
        </div>
        {pboot:if({pboot:msgcodestatus})}
        <div class="form-group">
          <label for="checkcode">{plang:cmt_chkcode}</label>
          <div class="row">
            <div class="col-6">
              <input type="text" name="checkcode" required id="checkcode" class="form-control" placeholder="{plang:cmt_hint_checkcode}">
            </div>
            <div class="col-6">
              <img title="{plang:global_refresh}" class="codeimg" style="height:33px;" src="{pboot:checkcode}" onclick="this.src='{pboot:checkcode}?'+Math.round(Math.random()*10);" />
            </div>
          </div>
        </div>
        {/pboot:if}
        <div class="form-group">
          <button type="submit" class="btn btn-info mb-2">{plang:global_submit}</button>
        </div>
      </form>
    </div>
    <div class="col-lg-3"></div>
  </div>
</div>
<script>
  /*ajax提交留言*/
  function submsg(obj) {
    var url = '{pboot:msgaction}';
    var contacts = $(obj).find("#contacts").val();
    var mobile = $(obj).find("#mobile").val();
    var content = $(obj).find("#content").val();
    var checkcode = $(obj).find("#checkcode").val();

    $.ajax({
      type: 'POST',
      url: url,
      dataType: 'json',
      data: {
        contacts: contacts,
        mobile: mobile,
        content: content,
        checkcode: checkcode
      },
      success: function(response, status) {
        if (response.code) {
          alert("{plang:msg_got}");
          $(obj)[0].reset();
        } else {
          if (response.tourl != "") {
            if (confirm(response.data + '{plang:global_to_login}')) {
              location.href = response.tourl;
            }
          }
          $('.codeimg').click(); /*更新验证码*/
        }
      },
      error: function(xhr, status, error) {
        alert('{plang:error_retData}');
      }
    });
    return false;
  }
</script>
{include file=comm/foot.html}