<!doctype html>
<html class="no-js">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="/mbthemes/scripts/libs/jquery/good-form/css/reset.css"> <!-- CSS reset -->
  <link rel="stylesheet" href="/mbthemes/scripts/libs/jquery/good-form/css/style.css"> <!-- Resource style -->
  <script type="text/javascript">
    {literal}
    seajs.config({
      alias: {
        "jq": "lib/jquery/1.11.2/jq",
        "mz": "lib/modernizr/2.8.3/modernizr",
        "ajaxup": "plug/ajaxupload/swfupload",
        "ajaxupque": "plug/ajaxupload/swfupload.queue",
        "ajaxupfile": "plug/ajaxupload/fileprogress",
        "ajaxuphand": "plug/ajaxupload/handlers",
        "hchart": "plug/highcharts/highcharts",
        "mobanboxmedia": "plug/mobanboxmedia/jquery.mobanboxmedia"
      }
    });
    {/literal}
  </script>
  <script src="/mbthemes/scripts/libs/jquery/good-form/js/modernizr.js"></script> <!-- Modernizr -->
  <title>{if isset($title)}{$title} | {/if}{$domain}</title>
</head>
<body>
<form action="" method="post" id="supportform" class="cd-form floating-labels" autocomplete="off" enctype="multipart/form-data">
  <fieldset>
    <legend>账号信息</legend>

    <div class="error-message">
      <p>{$errorMessage}</p>
    </div>

    <div class="icon formitem">
      <label class="cd-label ipttxt" for="username"></label>
      <div class="iptbg">
        <input type="text" class="user formipt" name="username" id="username" required="true" value="{$smarty.session.user.username}" data-type="用户名" autocomplete="off" />
      </div>
      <span class="errtxt"></span>
      <span class="suctxt"></span>
    </div>

    <div class="icon formitem">
      <div class="iptbg">
        <label class="cd-label ipttxt" for="cd-email"></label>
        <input type="text" class="email formipt" id="usermail" name="email" value="{$smarty.session.user.email}" required="true" autocomplete="off" />
      </div>
      <span class="errtxt"></span>
      <span class="suctxt"></span>
    </div>
  </fieldset>

  <fieldset>
    <legend class="ipttxt">{$lang.your_issue}</legend>
    <div class="formitem">
      <p class="cd-select icon">
        <select class="budget selval" id="supporttype" name="issue_id">
          <option value="0">{$lang.select_issue}</option>
          {if $categories}
          {foreach from=$categories item=c}
          <option value="{$c.id}">{$c.name}</option>
          {/foreach}
          {/if}
        </select>
      </p>
      <span class="errtxt"></span>
      <span class="suctxt"></span>
    </div>

  </fieldset>
  <fieldset>
    <legend>详细信息</legend>

    <div class="icon formitem">
      <label class="cd-label ipttxt" for="cd-textarea">{$lang.how_can_we_help}</label>
      <textarea class="message" name="issue_details" id="supportdetail" required></textarea>
      <span class="errtxt"></span>
      <span class="suctxt"></span>
    </div>

    <div class="formitem">
      <div class="iptbg2">
        <input id="yzm" maxlength="4" type="text" tabindex="3" class="formipt" name="verify" id="verify" data-type="验证码" autocomplete="off" />
      </div>
      <img class="yzmimg" src="/{$languageURL}verify" id="verify_pic">
      <span class="errtxt"></span>
      <span class="suctxt"></span>
    </div>

    <div class="formitem clr">
      <span class="ipttxt">&nbsp;</span>
      <input type="hidden" name="action" value="action" />
      <input type="submit" id="supportbtn" value="提交问题">
    </div>
  </fieldset>
</form>
<script src="/mbthemes/scripts/libs/jquery/jquery/dist/jquery.min.js"></script>
<script src="/mbthemes/scripts/libs/jquery/good-form/js/main.js"></script> <!-- Resource jQuery -->
<script type="text/javascript">
  {literal}
  seajs.use(["jq", "datavalid"], function($, dvo){
    dvo.supportInit($("#supportform"));
    dvo.yzminit($("#verify_pic"), [$("#verify_pic"), $("#verify_btn")]);
  });
  {/literal}
</script>
</body>
</html>