//- 使用者已經在一個月內回饋 且 回饋的訊息尚在處理中
mixin hasPostBarrier(hasPostFeedback)
  if hasPostFeedback
    .barrierPanel
      .container.mt-20
        .panel.panel-default
          .panel-heading.text-largetext.text-center 您的上一個回饋訊息正在處理中!
          .panel-body.text-normal.text-center
            h2.mtb-10 很抱歉!
            | 很高興您為JMuseum著想，積極地提出您寶貴的意見，愧於我們正在忙碌、處理您以及其他人的回饋訊息或是其他作業，請等待一個月左右再發送另一個回饋訊息。
          .panel-footer.text-center
            a.btn.btn-primary(onclick="window.history.back();") 返回上頁
//- 訪客為登入時的屏障
mixin guestBarrier(isLogin)
  if !isLogin
    .barrierPanel
      .container.mt-20
        .panel.panel-default
          .panel-heading.text-largetext.text-center 請登入或註冊
          .panel-body.text-normal.text-center
            h2.mtb-10 加入我們吧!
            | 我們提供使你放鬆的網站、能揮灑創意的繪圖板，還有與其他繪友一起討論的空間，你還在等什麼呢，登入JMuseum或來註冊加入我們吧!!
          .panel-footer.text-center
            a.btn.btn-primary(href="/signup") 註冊
            |  
            a.btn.btn-primary(href="/login") 登入
doctype html
html
  head
    include layout/head.pug
  body
    include layout/navbar.pug
    //- Feedback
    .container-fluid.relative
      .row
        .col-xs-10.col-xs-push-1
          .panel.panel-default
            .panel-heading.text-largetext.text-center 意見回饋
            .panel-body.text-normal.text-center
              p: label.text-subbigtext - 站長的話 -
              p 這是一個為了使大家能透過畫圖來放鬆、互相交流的網站，成立至今不到一載，無論是繪圖板、個人空間或是整題運作，仍有很大的改善、進步空間。
              p 若你在使用這個網站中有遇到什麼問題、或想要什麼改善，又或是想要給予我們什麼樣的建議或鼓勵，都可以在下方留言喔!
              div.panel.panel-default
                .panel-body
                  .col-xs-8.col-xs-push-2.text-left
                    table.table.table-condensed
                      thead: tr: th.text-center(colspan="2") - 回饋資料 -
                      tbody
                        tr
                          th(scope="row") 會員 ID:
                          td= (username ? username : "*訪客")
                        tr
                          th(scope="row") 撰寫日期:
                          td #{datas.currentDate}
                    .input-group
                      span.input-group-addon 主旨
                      input#txtSubject.form-control(name="txtSubject", type="text", placeholder="請輸入至少1字至64字間的主旨", minlength="1", maxlength="64")
                    .form-group.mt-20
                      label(for="txtaContent") 內容:
                      textarea#txtaContent.form-control(rows="15", placeholder="請輸入至少16字至1000字間的內容", minlength="16", maxlength="1000")
            .panel-footer.text-right
              button#btnFeedback.btn.btn-primary(type="button") 提交回饋
      +hasPostBarrier(hasLogin && datas.hasPostFeedback)
      +guestBarrier(hasLogin)
    //- Footer
    include layout/footer.pug
    //- Javascript
    if (hasLogin && !datas.hasPostFeedback)
      script(src="js/feedback_page.js")