{$myAccountLinks = $userquery->my_account_links()}
<div class="container marginBottom">
  {include file="$style_dir/blocks/manage/account_menu.html"}
  {if $mode=='profile_settings'}
    <div class="cb-box row">
      <div class="col-md-3 leftSidebar">
        {include file="$style_dir/blocks/manage/userMenuLeft.html"}
      </div>
      <div class="col-md-9">
        <form method="post" class="accountForm">
          <div class="accountSettings col-md-6">
            <h2>{lang code='account_settings'}</h2>
            <!--- CHANGING USER ACCOUNT AND PROFILE -->
            {$signup_fields = $userquery->load_signup_fields($user)}
            {$cust_signup_fields = $userquery->load_custom_signup_fields($user,false,true)}
            <legend>{lang code='account_details'}</legend>
            <div class="form-group">
              <label for="country">{lang code='country'}</label>
              <select class="form-control" name="country" id="country">
                {assign var='countries' value=$Cbucket->get_countries(iso2)}
                {foreach from=$countries item=country key=code}
                <option value="{$code}" {if $user.country==$code} selected="selected"{/if}>{$country}</option>
                {/foreach}
              </select>
            </div>
            <div class="form-group">
              <label for="country" class="show">{lang code='gender'}</label>
              <label class="radio-inline">
                <input type="radio" name="sex" value="male" id="sex_0" {if $user.sex == male} checked="checked"{/if} />
                {lang code='male'}
              </label>       
              <label class="radio-inline">
                <input type="radio" name="sex" value="female" id="sex_1" {if $user.sex == female} checked="checked"{/if}/>
                {lang code='female'}
              </label>
            </div>
            <div class="form-group">
              <label>{lang code='account_details'}</label>
              {ANCHOR place=$signup_fields.cat.anchor_before}
                {$formObj->createField($signup_fields.cat)}
              {ANCHOR place=$signup_fields.cat.anchor_after}
            </div>
            <div class="form-group">
              <label for="dob">{lang code='user_date_of_birth'}</label>
              {ANCHOR place=$signup_fields.dob.anchor_before}{$formObj->createField($signup_fields.dob)}{ANCHOR place=$signup_fields.dob.anchor_after}
            </div>
            {if $cust_signup_fields}
              {foreach from=$cust_signup_fields item=field}
                <div class="form-group">
                  <label for="{$field.id}">{$field.title}</label>
                  {if $field.hint_1}
                    {$field.hint_1}
                  {/if}
                  {ANCHOR place=$field.anchor_before}
                    {$formObj->createField($field)}
                  {ANCHOR place=$field.anchor_after}
                  {$field.hint_2}
                </div>
              {/foreach}
            {/if}
          </div>
          <div class="channelSettings col-md-6">
            <h2>{lang code='channel_profile_settings'}</h2>
            {$channel_profile_fields = $userquery->load_user_fields($p)}
            {foreach from=$channel_profile_fields item=field_group}
              <legend>{$field_group.group_name}</legend>
              {foreach from=$field_group.fields item=field}
                <div class="form-group">
                  {if $field.type == 'radiobutton'}
                    <label for="{$field.id}" class="show">{$field.title}</label>
                    {if $field.hint_1}{$field.hint_1}{/if}
                      {$field.label_class = 'radio-inline'}
                      {$field.class = ''}
                      {ANCHOR place=$field.anchor_before}{$formObj->createField($field)}{ANCHOR place=$field.anchor_after}
                      {$field.hint_2}
                  {else}
                    <label for="{$field.id}">{$field.title}</label>
                    {if $field.hint_1}{$field.hint_1}{/if}
                    {$field.class = 'form-control'}
                    {ANCHOR place=$field.anchor_before}{$formObj->createField($field)}{ANCHOR place=$field.anchor_after}
                    
                    {$field.hint_2}
                  {/if}
                </div>
              {/foreach}
            {/foreach}
            <div class="form-group">
              <button name="update_profile" id="button" value="submit" class="btn btn-primary">
                {lang code='update'}
              </button>
          </div>
          </div>
        </form>
      </div>
    </div>
    <script>
      $(document).ready(function()
      {ldelim}
        {if $on=='account'}
          $('#accountSettings').toggle(); 
          $('#accntSettingHead').toggleClass('accntSettingHeadarrowup')
        {else}
          $('#accntProfileSettings').toggle(); 
          $('#accntProfileSettingHead').toggleClass('accntSettingHeadarrowup')
        {/if}
      {rdelim}
      );
    </script>
  {/if}
  {if $mode == 'avatar_bg'}
    <div class="row cb-box">
      <div class="col-md-3 leftSidebar">
        {include file="$style_dir/blocks/manage/userMenuLeft.html"}
      </div>
      <div class="col-md-9">
        <div class="avatar_bg">
        <form method="post" enctype="multipart/form-data" name="edit_profile">
          <legend>{lang code='user_user_avatar'}</legend>
          <div>
            <img src="{$userquery->getUserThumb($user)}" class="img-thumbnail" />
          </div>
          <div class="form-group">
            <label for="avatar_file">
              <h4>{lang code='user_user_avatar'}</h4>
              {lang code='please_select_img_file'}
            </label>
            <input type="file" name="avatar_file" id="avatar_file"  />
          </div>
          <h3>{lang code='or'}</h3>
          <div class="form-group">
            <label for="avatar_url">{lang code='pelase_enter_image_url'}</label>
            <input class="form-control" name="avatar_url" type="text" id="avatar_url" value="{$user.avatar_url}" />
          </div>
          <div class="form-group">
            <label class="radio">
              <input name="delete_avatar" type="checkbox" id="delete_avatar" value="yes" />
              {lang code='delete_this_img'} - (if user has uploaded profile pic)
            </label>
            <input type="hidden" name="avatar_file_name" value="{$user.avatar}" /> 
          </div>
          <legend>{lang code='user_bg'}</legend>
          <div>
            {if $userquery->getUserBg($user)}
              <img src="{$userquery->getUserBg($user)}" class="img-thumbnail"/>
            {else}
              <em><strong>No Bg</strong></em>
            {/if}
          </div>
          <div class="form-group">
            <label for="background_file">
              <h4>{lang code='user_bg_img'}</h4>
              {lang code='please_select_img_file'}
            </label>
            <input type="file" name="background_file" id="background_file" />
          </div>
          <h3>{lang code='or'}</h3>
          <div class="form-group">
            <label for="background_url">{lang code='pelase_enter_image_url'}</label>
            <input class="form-control" name="background_url" type="text" id="background_url" value="{$user.background_url}" />
          </div>
          <h3>{lang code='or'}</h3>
          <div class="form-group">
            <label for="background_color">{lang code='please_enter_bg_color'}</label>
            <input class="form-control" name="background_color" type="text" id="background_color" value="{$user.background_color}" />
            <input type="hidden" name="bg_file_name" value="{$user.background}" />
          </div>
          <div class="form-group">
            <label for="background_repeat">{lang code='bg_repeat_type'}</label>
            <select class="form-control" name="background_repeat" id="background_repeat" >
              <option value="repeat" {if $user.background_repeat=='repeat'} selected="selected"{/if}>
                repeat
              </option>
              <option value="repeat-x" {if $user.background_repeat=='repeat-x'} selected="selected"{/if}>
                repeat-x
              </option>
              <option value="repeat-y" {if $user.background_repeat=='repeat-y'} selected="selected"{/if}>
                repeat-y
              </option>
              <option value="no-repeat" {if $user.background_repeat=='no-repeat'} selected="selected"{/if}>
                no-repeat
              </option>
            </select>
          </div>
          <div class="form-group">
            <label for="background_attachement" class="checkbox">
              <input type="checkbox" {if $user.background_attachement=='yes'} checked="checked"{/if} value="yes" name="background_attachement" id="background_attachement" />
              {lang code='fix_bg'}
            </label>
          </div>
          <div class="form-group">
            {if $userquery->getUserBg($user)}
              <label for="delete_bg" class="checkbox">
                <input name="delete_bg" type="checkbox" id="delete_bg" value="yes" />
                {lang code='delete_this_img'}
              </label>
            {/if}
          </div>
          <div class="form-group">
            <button name="update_avatar_bg" id="button" value="submit" class="btn btn-primary">
              {lang code='update'}
            </button>
          </div>
        </form>
      </div>
      </div>
    </div>
  {/if}
  {if $mode == 'change_email'}

    <!--- CHANGING USER EMAIL -->
    <div class="cb-box row">
      <div class="col-md-3 leftSidebar">
        {include file="$style_dir/blocks/manage/userMenuLeft.html"}
      </div>
      <div class="col-md-9">
        <div class="account_form">
          <h2>{lang code='user_change_email'}</h2>
          <form method="post" name="edit_profile">
              <div class="form-group">
                <label for="curemail">{lang code='current_email'}</label>
                <input class="form-control" type="text" disabled value="{$user.email}" id="curemail">
              </div>
              

              <div class="form-group">
                <label for="new_email">{lang code='user_new_email'}</label>
                <input type="text" class="form-control" name="new_email" id="new_email">
              </div>

              <div class="form-group">
                <label for="cnew_email">{lang code='confirm_new_email'}</label>
                <input class="form-control" type="text" name="cnew_email" id="cnew_email">
              </div>
              
              <div class="form-group">
                <button name="change_email" id="button" value="submit" class="btn btn-primary">
                  {lang code='user_change_email'}
                </button>
              </div>
          </form>
        </div>
      </div>
    </div>
    <!-- END CHANGIN USER EMAIL -->
  {/if}
  {if $mode == 'change_password'}

    <div class="row cb-box">
      <div class="col-md-3 leftSidebar">
        {include file="$style_dir/blocks/manage/userMenuLeft.html"}
      </div>
      <div class="col-md-9">
        <!-- CHANGING USER PASSWORD -->
        <div class="account_form">
          <h2>{lang code='user_change_pass'}</h2>
          <form method="post" name="edit_profile">


              <div class="form-group">
                <label for="old_pass">{lang code='user_old_pass'}</label>
                <input class="form-control" name="old_pass" type="password" id="old_pass">
              </div>


              <div class="form-group">
                <label for="new_pass">{lang code='user_new_pass'}</label>
                <input class="form-control" name="new_pass" type="password" id="new_pass" />
              </div>

              <div class="form-group">
                <label for="c_new_pass">{lang code='user_c_new_pass'}</label>
                <input class="form-control" name="c_new_pass" type="password" id="c_new_pass" />
              </div>
              <div class="form-group">
                <button name="change_password" id="button" value="submit" class="btn btn-primary">
                  {lang code='user_change_pass'}
                </button>
              </div>
          </form>
        </div>
        <!-- END CHANGING USER PASSWORD -->
      </div>
    </div>
  {/if}
  {if $mode == 'block_users'}

    <div class="cb-box row">
      <div class="col-md-3 leftSidebar">
        {include file="$style_dir/blocks/manage/userMenuLeft.html"}
      </div>
      <div class="col-md-9">
        <!-- Banning Users -->
        <div class="account_form">
          <h2>{lang code='block_users'}</h2>
          <form method="post" name="ban_users">
              <div class="form-group">
                <label for="users">{lang code='block_users'}</label>
                <textarea class="form-control" name="users" id="users">{$user.banned_users}</textarea>
                {lang code='spe_users_by_comma'}
              </div>
              <div class="form-group">
                <button name="block_users" id="button" value="submit" class="btn btn-primary">
                  {lang code='update_blocked_user_list'}
                </button>
              </div>
          </form>
        </div>
        <!-- Banning Users End-->
      </div>
    </div>
  {/if}
  {if $mode=='subs'}
    <div class="row cb-box">
      <div class="col-md-3 leftSidebar">
        {include file="$style_dir/blocks/manage/userMenuLeft.html"}
      </div>
      <div class="col-md-9">
        <h2>{lang code='com_manage_subs'}</h2>
        {if $subs}
          <table class="table table-striped table-bordered">
            <tr>
              <td width="15">
                <input type="checkbox" name="checkall"/>
              </td>
              <td width="50">&nbsp;</td>
              <td>Username</td>
              <td width="100">views</td>
              <td width="50">&nbsp;</td>
            </tr>
            {foreach from=$subs item=sub}
              <tr>
                <td>
                  <input type="checkbox" name="sub[]" id="check_userd-{$user_detail.userid}" value="{$sub.subscribed_to}" />
                </td>
                <td>
                  <a href="{$userquery->profile_link($sub)}"><img src="{$userquery->getUserThumb($sub)}" alt="{$sub.username}" width="40" height="40" border="0"></a>
                </td>
                <td>
                  <a href="{$userquery->profile_link($sub)}">{$sub.username}</a> | <a href="{$userquery->get_user_videos_link($sub)}">{lang code='grp_view_vdos'}</a></td>
                <td width="100">{$sub.profile_hits|number_format}
                </td>
                <td>
                  <a href="?mode=subscriptions&delete_subs={$sub.subscribed_to}">
                    <img src="{$imageurl}/cancel.png" width="16" height="16" border="0" />
                  </a>
                </td>
              </tr>
            {/foreach}
          </table>
        {else}
          <div><em><strong>{lang code='no_subs_found'}</strong></em></div>
        {/if}
      </div>
    </div>
  {/if}
</div>