{include file="$template_path/html/header.html"}
{include file="$template_path/js/arc.html"}
{include file="$template_path/html/jstemplate.html"}
<script src="/mbthemes/scripts/canvas/animation.js"></script>
</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 ui-view class="app-body" id="view">
      <!-- ############ PAGE START-->


      <div class="clearfix white">
        <div class="container">
          <div class="row">



            <div class="row-col">
              <div class="col-sm w-xl box w-auto-xs b-r b-l right-bar">


                <div class="navside white p-a no-borders box-bar">


                  <div class="nav-stacked h6 nav-active-skin">
                    <ul class="nav" id="ziper">
                      <span class="nav-header hidden-folded m-b-sm">
                        <span class="text text-muted">设置中心</span>
                      </span>

                      <li>
                        <a href="javascript:;">
                          <!--<span class="arrow right b-skin"></span>-->
                          <span class="nav-icon p-l p-t-sm m-t-xs">
                            <i class="icon-docs h5"></i>
                          </span>
                          <span class="nav-text p-y">个人资料</span>
                        </a>
                      </li>
                      <li>
                        <a href="javascript:;">
                          <span class="nav-icon p-l p-t-sm m-t-xs">
                            <i class="icon-lock h5"></i>
                          </span>
                          <span class="nav-text p-y">修改密码</span>
                        </a>
                      </li>

                      <li>
                        <a href="javascript:;">
                          <span class="nav-icon p-l p-t-sm m-t-xs">
                            <i class="icon-picture h5"></i>
                          </span>
                          <span class="nav-text p-y">头像和主页图片</span>
                        </a>
                      </li>
                      <li>
                        <a href="javascript:;">
                          <span class="nav-icon p-l p-t-sm m-t-xs">
                            <i class="icon-ghost h5"></i>
                          </span>
                          <span class="nav-text p-y">社交应用</span>
                        </a>
                      </li>
                      <li>
                        <a href="javascript:;">
                          <span class="nav-icon p-l p-t-sm m-t-xs">
                            <i class="icon-badge h5"></i>
                          </span>
                          <span class="nav-text p-y">自荐作品</span>
                        </a>
                      </li>
                      <li>
                        <a href="javascript:;">
                          <span class="nav-icon p-l p-t-sm m-t-xs">
                            <i class="icon-flag h5"></i>
                          </span>
                          <span class="nav-text p-y">作品许可</span>
                        </a>
                      </li>
                    </ul>
                  </div>
                </div>


              </div>
              <div class="col-sm" id="taber">
                <div class="box pos-rlt b-r m-b-0">
                  <div class="p-a">
                    {$errorMessage}
                    <div class="box-body" id="profile">
                      <form role="form" action="" method="post">
                        <fieldset>
                          <div class="form-group">
                            <label class="h6 p-b-xs" for="nickname">昵称</label>
                            <input id="nickname" class="form-control" name="nickname" required="true" type="text" value="{$smarty.post.nickname|escape}" />
                          </div>
                          <div class="form-group">
                            <label class="h6 p-b-xs" for="invoice_to">公司名称</label>
                            <input id="invoice_to" class="form-control" name="firmname" type="text" value="{$smarty.post.firmname|escape}" />
                            <small class="text-muted block m-t-xs">没有请留空</small>
                          </div>
                          <div class="form-group">
                            <label class="h6 p-b-xs" for="lives_in">所在城市</label>
                            <input id="lives_in" class="form-control" name="live_city" type="text" value="{$smarty.post.live_city|escape}" />
                            <small class="text-muted block m-t-xs">比如：北京</small>
                          </div>
                          <div class="form-group">
                            <label class="h6 p-b-xs" for="email">邮件地址</label>
                            <input id="email" class="form-control" name="email" value="{$smarty.post.email|escape}" type="text">
                          </div>
                          <div class="form-group">
                            <label class="h6 p-b-xs" for="country_id">国家或地区</label>
                            <select class="form-control" name="country_id">
                              <option value="">不显示我的国家</option>
                              {if $countries}
                              {foreach from=$countries item=c}
                              <option value="{$c.id}" {if $smarty.post.country_id == $c.id}selected="selected"{/if}>{$c.name}</option>
                              {/foreach}
                              {/if}
                            </select>
                            <small class="text-muted block m-t-xs">选择国家或地区后将显示相应的旗帜徽章</small>
                          </div>
                          <div class="form-group">
                            <label class="h6 p-b-xs" for="address">详细地址</label>
                            <input id="address" class="form-control" name="address" value="{$smarty.post.address|escape}" type="text">
                          </div>
                          <div class="form-group">
                            <label class="md-check" for="available_for_freelance">
                              <input id="available_for_freelance" name="custom_made" type="checkbox" value="true" {if $smarty.post.custom_made == 'true'}checked="checked"{/if} />
                              <i class="skin"></i>
                              我是威客
                            </label>
                          </div>
                          <div class="form-group">
                            <label class="h6 p-b-xs" for="by_line">个性签名</label>
                            <input id="by_line" class="form-control" name="profile_title" type="text" value="{$smarty.post.profile_title|escape}" />
                          </div>
                          <div class="form-group m-t-md m-b-0">
                            <input type="hidden" name="personal_edit" value="yes" />
                            <button id="personal_info_submit_button" class="btn skin b-skin" type="submit">保存</button>
                          </div>
                        </fieldset>
                      </form>
                    </div>
                  </div>
                </div>

                <div class="box pos-rlt b-r m-b-0">
                  <div class="p-a">
                    <div class="box-body" id="mima">
                      <form role="form" action="" method="post">
                        <fieldset>
                          <div class="form-group">
                            <label class="h6 p-b-xs" for="current_password">当前密码</label>
                            <input id="current_password" class="form-control" name="password" required="true" type="password" value="" />
                          </div>
                          <div class="form-group">
                            <label class="h6 p-b-xs" for="user_password">输入新密码</label>
                            <input type="password" class="form-control" id="user_password" name="new_password" />
                          </div>
                          <div class="form-group">
                            <label class="h6 p-b-xs" for="user_password_again">确认新密码</label>
                            <input type="password" class="form-control" id="user_password_again" name="new_password_confirm" />
                          </div>

                          <div class="form-group m-t-md m-b-0">
                            <input type="hidden" name="change_password" value="yes" />
                            <button class="btn skin b-skin" type="submit">保存</button>
                          </div>
                        </fieldset>
                      </form>
                    </div>
                  </div>
                </div>



                <div class="box pos-rlt b-r m-b-0">
                  <div class="p-a">
                    <div class="box-body" id="txtp">
                      <form role="form" action="" method="post">
                        <fieldset>
                          <div class="form-group">
                            <label class="h5 p-b-xs" for="profile_image">你的头像</label>
                            <div class="inputs p-y">
                              {if $smarty.session.user.avatar != ''}
                              <img alt="{$smarty.session.user.username}" src="{$data_server}/uploads/users/{$smarty.session.user.user_id}/A_{$smarty.session.user.avatar}" class="w-128 img-circle m-r" />
                              <img alt="{$smarty.session.user.username}" src="{$data_server}/uploads/users/{$smarty.session.user.user_id}/A_{$smarty.session.user.avatar}" class="w-64 img-circle m-r" />
                              <img alt="{$smarty.session.user.username}" src="{$data_server}/uploads/users/{$smarty.session.user.user_id}/A_{$smarty.session.user.avatar}" class="w-32 img-circle" />
                              {/if}
                              <input type="file" id="profile_image" name="profile_image" class="form-control m-y">
                              <small class="block text-muted">JPEG 90x90px</small>
                            </div>
                          </div>
                          <div class="form-group">
                            <label class="h5 p-y" for="profile_image">主页图片</label>
                            <div class="inputs">
                              {if $smarty.session.user.homeimage != ''}
                              <img alt="{$smarty.session.user.username}" src="{$data_server}/uploads/users/{$smarty.session.user.user_id}/A_{$smarty.session.user.homeimage}" class="w-full" />
                              {/if}
                              <input type="file" id="homepage_image" name="homepage_image" class="form-control">
                              <small class="block text-muted m-t">JPEG 590x242</small>
                            </div>
                          </div>

                          <div class="form-group m-t-md m-b-0">
                            <input type="hidden" name="change_avatar_image" value="yes" />
                            <button class="btn skin b-skin" type="submit">保存</button>
                          </div>
                        </fieldset>
                      </form>
                    </div>
                  </div>
                </div>






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


    </div>
    <!-- ############ PAGE END-->
    {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>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    {include file="$template_path/items/purchase_panel.html"}
  </div>
</div>
{literal}
<script type="text/javascript">
  seajs.use(["jq", "pageui"], function($, ui){
    ui.tabsinit($("#ziper").find("li"), $("#taber").find(".box"), {"active": "active"});
  });
</script>
{/literal}
{literal}
<style>
  .right-bar.fix .box-bar {
    top: 0;
    width: 278px;
  }
</style>
{/literal}
</body>
</html>