<%Plugins::GForum::SlideShow::generate_paths($user_id)%>
<!DOCTYPE html >
<html lang="en">
<head>
  <title><%site_title%>: Settings: Profile: <%current.user_username%></title>
  <%include include_common_head.html%>
  <%--GForum::User::icons(120, 100)--%><%-- If you change the icon size restrictions, be sure to also change the css --%>
</head>
<body class="page-<%page_id%>">
  <div class="container-b">
    <%include include_header.html%>

    <div class="main">
      <%~set content_header_title = 'Edit Profile'%>

      <%~init array breadcrumbs%><%init hash breadcrumbs.0%><%init hash breadcrumbs.1%>
      <%~set breadcrumbs.0.name = 'User Profile'%>
      <%~set breadcrumbs.0.url  = GForum::SEO::url(params => "do=user_profile")%>
      <%~set breadcrumbs.1.name = $current_user_username%>

      <div class="contentwrapper clearfix">
        <div class="sidebar">
          <%~set poll_widget = 1%>
          <%include include_sidebar.html%>
        </div>

        <%include include_breadcrumb.html%>

        <div class="content"><%-- start content--%>
          <%include include_content_header.html%>
          <form action="<%GForum::SEO::url()%>" method="post" enctype="multipart/form-data" id="user_profile_basic">
            <input type="hidden" name="do" value="user_profile_change" />
            <input type="hidden" name="on_success" value="user_profile" />
            <input type="hidden" name="on_error" value="user_profile_basic" />
            <%hidden_form%>

            <div class="dtable form">
              <div class="drow">
                <div class="dcell name">Username</div>
                <div class="dcell divider"></div>
                <div class="dcell value">
                  <input id="user_username_input" name="user_username" class="txt shotext" type="text" value="<%form.user_username%>" />
                </div>
              </div>
              <div class="drow">
                <div class="dcell name">E-mail</div>
                <div class="dcell divider"></div>
                <div class="dcell value">
                  <input id="user_email_input" name="user_email" class="txt midtext" type="text" value="<%form.user_email%>"/>
                </div>
              </div>
              <div class="drow">
                <div class="dcell name">Display E-mail</div>
                <div class="dcell divider"></div>
                <div class="dcell value">
                  <input id="user_disp_email_input" name="user_disp_email" class="txt midtext" type="text" value="<%form.user_disp_email%>"/>
                </div>
              </div>
              <div class="drow">
                <div class="dcell name">Change Password</div>
                <div class="dcell divider"></div>
                <div class="dcell value">
                  <input id="user_password_input" type="password" name="user_password" class="txt shotext" />
                </div>
              </div>
              <div class="drow">
                <div class="dcell name">Change Password (again)</div>
                <div class="dcell divider"></div>
                <div class="dcell value">
                  <input id="user_password_confirm_input" type="password" name="user_password" class="txt shotext" />
                </div>
              </div>
              <div class="drow">
                <div class="dcell name">
                  Signature<br />
                  <%~if config.signature_allow_html%><span class="markup-ok">html ok</span><%endif%>
                  <%~if config.signature_allow_markup%>
                  (<span class="markup-ok"><a href="#" rel="markup-help" class="dialog-lnk">markup</a> ok</span>
                  <%~if config.signature_allow_markup == 1%>
                  <span class="markup-disabled">[image] tags disabled</span>
                  <%~endif%>)
                  <%~else%>
                  <span class="markup-disabled">markup disabled</span>
                  <%~endif%>
                </div>
                <div class="dcell divider"></div>
                <div class="dcell value signature">
                  <textarea id="user_signature_textarea" name="user_signature" class="txt midtext"><%form.user_signature%></textarea>
                </div>
              </div>
              <div class="drow">
                <div class="dcell name">Occupation</div>
                <div class="dcell divider"></div>
                <div class="dcell value">
                  <input id="user_location_input" type="text" class="txt midtext" name="user_occupation" value="<%form.user_occupation%>" />
                </div>
              </div>
              <div class="drow">
                <div class="dcell name">Allow Private Messages</div>
                <div class="dcell divider"></div>
                <div class="dcell value">
                  <select name="user_accept_privmsg">
                    <option value="1"<%if user_accept_privmsg = 1%> selected<%endif%>>Yes</option>
                    <option value="0"<%if user_accept_privmsg = 0%> selected<%endif%>>No</option>
                  </select>
                </div>
              </div>
              <div class="drow">
                <div class="dcell name">Send private message notification via e-mail</div>
                <div class="dcell divider"></div>
                <div class="dcell value">
                  <select class="button" name="user_message_notify">
                    <option value=1<%if user_message_notify%> selected<%endif%>>Yes</option>
                    <option value=0<%ifnot user_message_notify%> selected<%endifnot%>>No</option>
                  </select>
                </div>
              </div>
              <div class="drow">
                <div class="dcell name">Send reply notification selected="selected" by default</div>
                <div class="dcell divider"></div>
                <div class="dcell value">
                  <select class="button" name="user_default_reply_notify">
                    <option value=1<%if user_default_reply_notify%> selected<%endif%>>Yes</option>
                    <option value=0<%ifnot user_default_reply_notify%> selected<%endifnot%>>No</option>
                  </select>
                </div>
              </div>
              <div class="drow">                                                        
                  <div class="dcell name">Disable reply notification</div>                
                  <div class="dcell divider"></div>
                  <div class="dcell value">
                      <select class="button" name="user_disable_reply_notify">              
                          <option value=1<%if user_disable_reply_notify%> selected<%endif%>>Yes</option>
                          <option value=0<%ifnot user_disable_reply_notify%> selected<%endifnot%>>No</option>
                      </select>
                  </div>
              </div>
              <div class="drow">
                <div class="dcell name">Allow others to see your selected races &amp; retailers</div>
                <div class="dcell divider"></div>
                <div class="dcell value">
                  <select class="button" name="user_show_racetags">
                    <option value=1<%if user_show_racetags%> selected<%endif%>>Yes</option>
                    <option value=0<%ifnot user_show_racetags%> selected<%endifnot%>>No</option>
                  </select>
                </div>
              </div>
              <div id="photos" class="drow">
                <div class="dcell name">Images</div>
                <div class="dcell divider"></div>
                <div class="dcell value clearfix images">
                  <div class="col-6">
                    <div class="clearfix">
                      <span class="image-holder">
                        <%~if user_image1_thumbnail_path%>
                        <a href="<%user_image1_large_path%>" rel="lightbox[photo]"><img src="<%user_image1_thumbnail_path%>" border="0" /></a>
                        <%~endif%>
                      </span>
                      <span class="image-upload">
                        <input type="file" name="user_image1" class="file" />
                        <%~if user_image1_thumbnail_path%>
                        <input type="checkbox" name="user_image1_del" value="delete" /> Delete it
                        <%endif%>
                      </span>
                    </div>
                    <div class="clearfix">
                      <span class="image-holder">
                        <%~if user_image2_thumbnail_path%>
                        <a href="<%user_image2_large_path%>" rel="lightbox[photo]"><img src="<%user_image2_thumbnail_path%>" border="0" /></a>
                        <%~endif%>
                      </span>
                      <span class="image-upload">
                        <input type="file" name="user_image2" class="file" />
                        <%~if user_image2_thumbnail_path%>
                        <input type="checkbox" name="user_image2_del" value="delete" /> Delete it
                        <%endif%>
                      </span>
                    </div>
                    <div class="clearfix">
                      <span class="image-holder">
                        <%~if user_image3_thumbnail_path%>
                        <a href="<%user_image3_large_path%>" rel="lightbox[photo]"><img src="<%user_image3_thumbnail_path%>" border="0" /></a>
                        <%~endif%>
                      </span>
                      <span class="image-upload">
                        <input type="file" name="user_image3" class="file" />
                        <%~if user_image3_thumbnail_path%>
                        <input type="checkbox" name="user_image3_del" value="delete" /> Delete it
                        <%endif%>
                      </span>
                    </div>
                  </div>
                  <div class="col-6">
                    <div class="clearfix">
                      <span class="image-holder">
                        <%~if user_image4_thumbnail_path%>
                        <a href="<%user_image4_large_path%>" rel="lightbox[photo]"><img src="<%user_image4_thumbnail_path%>" border="0" /></a>
                        <%~endif%>
                      </span>
                      <span class="image-upload">
                        <input type="file" name="user_image4" class="file" />
                        <%~if user_image4_thumbnail_path%>
                        <input type="checkbox" name="user_image4_del" value="delete" /> Delete it
                        <%endif%>
                      </span>
                    </div>
                    <div class="clearfix">
                      <span class="image-holder">
                        <%~if user_image5_thumbnail_path%>
                        <a href="<%user_image5_large_path%>" rel="lightbox[photo]"><img src="<%user_image5_thumbnail_path%>" border="0" /></a>
                        <%~endif%>
                      </span>
                      <span class="image-upload">
                        <input type="file" name="user_image5" class="file" />
                        <%~if user_image5_thumbnail_path%>
                        <input type="checkbox" name="user_image5_del" value="delete" /> Delete it
                        <%endif%>
                      </span>
                    </div>
                    <div class="clearfix">
                      <span class="image-holder">
                        <%~if user_image6_thumbnail_path%>
                        <a href="<%user_image6_large_path%>" rel="lightbox[photo]"><img src="<%user_image6_thumbnail_path%>" border="0" /></a>
                        <%~endif%>
                      </span>
                      <span class="image-upload">
                        <input type="file" name="user_image6" class="file" />
                        <%~if user_image6_thumbnail_path%>
                        <input type="checkbox" name="user_image6_del" value="delete" /> Delete it
                        <%endif%>
                      </span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="drow">
                <div class="dcell name">Real Name</div>
                <div class="dcell divider"></div>
                <div class="dcell value">
                  <input id="user_real_name_input" type="text" class="txt shotext" name="user_real_name" value="<%form.user_real_name%>" />
                </div>
              </div>
              <div class="drow">
                <div class="dcell name">Homepage</div>
                <div class="dcell divider"></div>
                <div class="dcell value">
                  <input id="user_homepage_input" type="text" class="txt shotext" name="user_homepage" value="<%form.user_homepage%>" placeholder="http://" />
                </div>
              </div>
              <div class="drow">
                <div class="dcell name">Location</div>
                <div class="dcell divider"></div>
                <div class="dcell value">
                  <input id="user_location_input" type="text" class="txt shotext" name="user_location" value="<%form.user_location%>" />
                </div>
              </div>
              <div class="drow">
                <div class="dcell name">Interests</div>
                <div class="dcell divider"></div>
                <div class="dcell value">
                  <textarea name="user_interests" wrap="soft" class="txt lngtext"><%user_interests%></textarea>
                </div>
              </div>
              <div class="drow">
                <div class="dcell name">Social Handles</div>
                <div class="dcell divider"></div>
                <div class="dcell value social-sm clearfix">
                  <div class="network"><span class="sprite-twitter"></span><input type="text" name="user_twitter" value="<%user_twitter%>" class="txt" /></div>
                  <div class="network"><span class="sprite-vimeo"></span><input type="text" name="user_vimeo" value="<%user_vimeo%>" class="txt" /></div>
                  <div class="network"><span class="sprite-tumblr"></span><input type="text" name="user_tumblr" value="<%user_tumblr%>" class="txt" /></div>
                  <div class="network"><span class="sprite-facebook"></span><input type="text" name=user_facebook value="<%user_facebook%>" class="txt" /></div>
                  <div class="network"><span class="sprite-youtube"></span><input type="text" name="user_youtube" value="<%user_youtube%>" class="txt" /></div>
                  <div class="network"><span class="sprite-yahoo"></span><input type="text" name="user_yahoo" value="<%user_yahoo%>" class="txt" /></div>
                  <div class="network"><span class="sprite-icq"></span><input type="text" name="user_icq" value="<%user_icq%>" class="txt" /></div>
                  <div class="network"><span class="sprite-aim"></span><input type="text" name=user_aim value="<%user_aim%>" class="txt" /></div>
                </div>
              </div>
              <div class="drow">
                <div class="dcell name">Country</div>
                <div class="dcell divider"></div>
                <div class="dcell value">
                  <%~set countries = Plugins::GForum::ForumTrainingRegister::country_codes%>
                  <select name="user_country" id="user_contry">
                    <%~loop countries%>
                    <option value="<%countrycode%>"<%if user_country eq $countrycode%> selected<%endif%>><%countryname%></option>
                    <%~endloop%>
                  </select>
                </div>
              </div>
              <div class="drow">
                <div class="dcell name">Sex</div>
                <div class="dcell divider"></div>
                <div class="dcell value">
                  <select name="user_sex">
                    <option value="1"<%if user_sex == 1%> selected="selected"<%endif%>>Male</option>
                    <option value="0"<%if user_sex == 0%> selected="selected"<%endif%>>Female</option>
                  </select>
                </div>
              </div>
              <div class="drow">
                <div class="dcell name">Units of Measure</div>
                <div class="dcell divider"></div>
                <div class="dcell value">
                  <select name="user_units">
                    <option value="1"<%if user_units == 1%> selected="selected"<%endif%>>Imperial</option>
                    <option value="0"<%if user_units == 0%> selected="selected"<%endif%>>Metric</option>
                  </select>
                </div>
              </div>
              <div class="drow actions">
                <div class="dcell name"></div>
                <div class="dcell divider"></div>
                <div class="dcell value">
                  <input type="submit" name="bupdate" value="Update Profile" class="btn default" />
                </div>
              </div>
            </div>
          </form>

        </div>
      </div><%-- end content --%>
    </div>

  </div>
<%include include_footer.html%>
<div id="markup-help" title="Markup Help" class="hide">
  <%include markup_help.html%>
</div>
</body>
<%~include include_global_js.html%>
<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function () {
      GForum.init_avatar_selector({
        carousel: '.avatar_carousel',
        upload_input: '#user_avatar_input',
        selected_input: '#selected_avatar',
        btnPrev: '.avatar_carousel_prev',
        btnNext: '.avatar_carousel_next',
        scroll: 3,
        visible: 3,
        start: <%set avatar_start = 0%><%loop icons%><%if icon_filename eq $user_icon%><%set avatar_start = $row_num - 1%><%lastloop%><%endif%><%endloop%><%avatar_start%>
      });

      GForum.init_mirror_inputs(
        'user_profile_basic',
        {
          'media_key_youtube': 'media_username_youtube',
          'media_key_delicious': 'media_username_delicious'
        }
      );

      GForum.init_password_strength('#user_password_input', '#pass-strength');
    });
    //]]>
</script>
</html>
