{include file="$template_path/html/header.html"}
{include file="$template_path/js/arc.html"}
{include file="$template_path/html/jstemplate.html"}
</head>
<body>
<div class="app" id="app">
  {include file="$template_path/html/mobile-nav.html"}
  <!-- content -->
  <div id="content" class="app-content box-shadow-z4" role="main">
    {include file="$template_path/html/pagenav.html"}
    <div class="app-body" id="view">
      <!-- ############ PAGE START-->
      <div class="white b-t">
        <div class="container">

          <div class="row-col">
            <div class="col-sm w-lg box w-auto-xs b-r b-l">
              <div class="navside white p-a no-borders box-bar">


                <div class="nav-stacked nav-active-skin">
                  <ul class="nav">
                    <span class="nav-header hidden-folded m-b-sm">
                      <span class="text-sm text-muted">Help</span>
                    </span>

                    <li>
                      <a href="/{$languageURL}help/basic" class="nav-link {if $smarty.get.controller == 'basic'}active{/if}">
                        {if $smarty.get.controller == 'basic'}
                        <span class="arrow right b-skin"></span>
                        {/if}
                        <span class="nav-icon p-l-sm">
                          <i class="icon-files h6"></i>
                        </span>
                        <span class="nav-text p-y-sm">常见帮助</span>
                      </a>
                    </li>
                    <li>
                      <a href="/{$languageURL}help/upload" class="nav-link {if $smarty.get.controller == 'upload'}active{/if}">
                        {if $smarty.get.controller == 'upload'}
                        <span class="arrow right b-skin"></span>
                        {/if}
                        <span class="nav-icon p-l-sm">
                          <i class="icon-file-p h6"></i>
                        </span>
                        <span class="nav-text p-y-sm">上传帮助</span>
                      </a>
                    </li>
                    <li>
                      <a href="/{$languageURL}make_money/become_an_author" class="nav-link {if $smarty.get.controller == 'become_an_author'}active{/if}">
                        {if $smarty.get.controller == 'become_an_author'}
                        <span class="arrow right b-skin"></span>
                        {/if}
                        <span class="nav-icon p-l-sm">
                          <i class="icon-file-t h6"></i>
                        </span>
                        <span class="nav-text p-y-sm">成为作者</span>
                      </a>
                    </li>
                    <li>
                      <a href="/{$languageURL}make_money/payment_rates" class="nav-link {if $smarty.get.controller == 'payment_rates'}active{/if}">
                        {if $smarty.get.controller == 'payment_rates'}
                        <span class="arrow right b-skin"></span>
                        {/if}
                        <span class="nav-icon p-l-sm">
                          <i class="icon-daimaj h6"></i>
                        </span>
                        <span class="nav-text p-y-sm">分成比例</span>
                      </a>
                    </li>
                    <li>
                      <a href="/{$languageURL}make_money/affiliate_program" class="nav-link {if $smarty.get.controller == 'affiliate_program'}active{/if}">
                        {if $smarty.get.controller == 'affiliate_program'}
                        <span class="arrow right b-skin"></span>
                        {/if}
                        <span class="nav-icon p-l-sm">
                          <i class="icon-fenxiang h6"></i>
                        </span>
                        <span class="nav-text p-y-sm">推广赚钱</span>
                      </a>
                    </li>
                    <li>
                      <a href="/{$languageURL}make_money/banners_logos" class="nav-link {if $smarty.get.controller == 'banners_logos'}active{/if}">
                        {if $smarty.get.controller == 'banners_logos'}
                        <span class="arrow right b-skin"></span>
                        {/if}
                        <span class="nav-icon p-l-sm">
                          <i class="icon-picture-o h6"></i>
                        </span>
                        <span class="nav-text p-y-sm">广告和LOGO</span>
                      </a>
                    </li>

                    <span class="nav-header hidden-folded m-b-sm">
                      <span class="text-sm text-muted">Contact</span>
                    </span>

                    <li>
                      <a href="/{$languageURL}help/aboutus" class="nav-link {if $smarty.get.controller == 'aboutus'}active{/if}">
                        {if $smarty.get.controller == 'aboutus'}
                        <span class="arrow right b-skin"></span>
                        {/if}
                        <span class="nav-icon p-l-sm">
                          <i class=" icon-lens text-primary" ></i>
                        </span>
                        <span class="nav-text p-y-sm">关于我们</span>
                      </a>
                    </li>
                    <li>
                      <a href="/{$languageURL}contacts" class="nav-link active">

                        <span class="arrow right b-skin"></span>
                        <span class="nav-icon p-l-sm">
                          <i class=" icon-lens text-info" ></i>
                        </span>
                        <span class="nav-text p-y-sm">联系我们</span>
                      </a>
                    </li>

                    {if $menuPages}
                    {foreach from=$menuPages[0] item=p name=foo}
                    <li>
                      <a class="nav-link {if $smarty.get.controller == 'business'}active{/if}" href="/{$languageURL}pages/{$p.key}" title="{$p.name}">
                        {if $smarty.get.controller == 'business'}
                        <span class="arrow right b-skin"></span>
                        {/if}
                        <span class="nav-icon p-l-sm">
                          <i class=" icon-lens text-danger" ></i>
                        </span>
                        <span class="nav-text p-y-sm">{$p.name}</span>
                      </a>
                    </li>
                    {if isset($menuPages[$p.id])}
                    {foreach from=$menuPages[$p.id] item=sp name=foo1}
                    <li>
                      <a class="nav-link {if $smarty.get.controller == 'business'}active{/if}" href="/{$languageURL}pages/{$sp.key}" title="{$sp.name}">
                        {if $smarty.get.controller == 'business'}
                        <span class="arrow right b-skin"></span>
                        {/if}
                        <span class="nav-icon p-l-sm">
                          <i class=" icon-lens text-danger" ></i>
                        </span>
                        <span class="nav-text p-y-sm">{$sp.name}</span>
                      </a>
                    </li>
                    {/foreach}
                    {/if}
                    {/foreach}
                    {/if}

                  </ul>
                </div>
              </div>
              {literal}
              <style>
                .active .icon-lens{
                  color: rgba(255,255,255,.8) !important;
                }
              </style>
              {/literal}
            </div>
            <div class="col-sm b-r">
              <div ui-view class="padding pos-rlt">
                <div>
                  <h3 class="m-t-none h2-xs">技术支持</h3>


                  <form action="" method="post" id="supportform" autocomplete="off" enctype="multipart/form-data">
                    <fieldset>
                      <div class="error-message">
                        <p>{$errorMessage}</p>
                      </div>
                      <div class="form-group formitem">
                        <div class="iptbg">
                          <label class="cd-label ipttxt" for="username">用户名</label>
                          <input type="text" class="form-control 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="form-group formitem">
                        <div class="iptbg">
                          <label class="cd-label ipttxt" for="cd-email">电子邮箱</label>
                          <input type="text" class="form-control 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>


                      <div class="form-group formitem">
                        <div class="iptbg">
                          <label class="ipttxt">{$lang.your_issue}</label>
                          <select class="form-control 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>
                        </div>
                        <span class="errtxt"></span>
                        <span class="suctxt"></span>
                      </div>

                    </fieldset>
                    <fieldset>

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

                      <div class="form-group formitem">
                        <div class="iptbg2">
                          <input id="yzm" maxlength="5" type="text" tabindex="3" class="form-control formipt m-b" name="verify" id="verify" data-type="验证码" autocomplete="off" placeholder="验证码" />
                          <span class="clearfix">
                            <img class="yzmimg w" src="/{$languageURL}verify" id="verify_pic">
                          </span>
                          <span class="errtxt"></span>
                          <span class="suctxt"></span>
                        </div>
                      </div>


                      <div class="formitem">
                        <input type="hidden" name="action" value="action" />
                        <input class="btn skin" type="submit" id="supportbtn" value="提交问题">
                        <span class="ipttxt">&nbsp;</span>
                      </div>
                    </fieldset>
                  </form>


                </div>

              </div>
            </div>
          </div>

        </div>
      </div>
      <!-- ############ PAGE END-->
    </div>
    {include file="$template_path/html/footer.html"}
  </div>
  {include file="$template_path/html/backtop.html"}
  {include file="$template_path/html/mb-settings.html"}
  <!-- ############ LAYOUT END-->
</div>
<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>