<div id="content">
    <div id="user_profile">
    <form name="user_profile_form" id="user_profile_form" method="post" action="{$relative}/user/edit">
    <div class="left span-350">
        <div class="box">
            
            <div class="btitle"><h2>ACCOUNT INFORMATION</h2></div>
            <br />
            <div class="separator">
                <label for="profile_username" class="small">Username:</label>
                <input name="username" type="text" value="{$username}" id="profile_username" readonly />
            </div>
            <div class="separator">
                <label for="profile_email" class="small">Email:</label>
                <input name="email" type="text" value="{$user.email}" readonly />
            </div>
            <div class="separator">
                <label for="profile_password" class="small">Password:</label>
                <input name="password" type="password" value="" id="profile_password" />
            </div>
            <div class="separator">
                <label for="profile_password_confirm" class="small">Re-Type Password:</label>
                <input name="password_confirm" type="password" value="" id="profile_password_confirm"/>
            </div>
            <br />
        </div>
        <div class="box">
            
            <div class="btitle"><h2>PERSONAL INFORMATION</h2></div>
            <br />
            <div class="separator">
                <label for="profile_fname" class="small">First Name:</label>
                <input name="fname" type="text" value="{$user.fname}" id="profile_fname" />
            </div>
            <div class="separator">
                <label for="profile_lname" class="small">Last Name:</label>
                <input name="lname" type="text" value="{$user.lname}" id="profile_lname" />
            </div>
            <div class="separator">
                <label for="profile_gender" class="small">Gender:</label>
                <select name="gender" id="profile_gender">
                <option value="Male"{if $user.gender == 'Male'} selected="selected"{/if}>Male</option>
                <option value="Female"{if $user.gender == 'Female'} selected="selected"{/if}>Female</option>
                </select>
            </div>
            <div class="separator">
                <label for="profile_bdate" class="small">Birthday:</label>
                {html_select_date time=$user.bdate all_extra='id="profile_bdate"' start_year='1900'}
            </div>
            <div class="separator">
                <label for="profile_relation" class="small">Relationship:</label>
                <select name="relation" id="profile_relation">
                <option value="">---</option>
                <option value="Single"{if $user.relation == 'Single'} checked="checked"{/if}>Single</option>
                <option value="Taken"{if $user.relation == 'Taken'} checked="checked"{/if}>Taken</option>
                <option value="Open"{if $user.relation == 'Open'} checked="checked"{/if}>Open</option>
                </select>
            </div>
            <div class="separator">
                <label for="profile_interested" class="small">Interested in:</label>
                <select name="interested" id="profile_interested">
                <option value="">---</option>
                <option value="Guys"{if $user.interested == 'Guys'} selected="selected"{/if}>Guys</option>
                <option value="Girls"{if $user.interested == 'Girls'} selected="selected"{/if}>Girls</option>
                <option value="Guys + Girls"{if $user.interested == 'Guys + Girls'} selected="selected"{/if}>Guys + Girls</option>
                </select>
            </div>
            <div class="separator">
                <label for="profile_website" class="small">Website:</label>
                <input name="website" type="text" value="{$user.website}" id="profile_website" />
            </div>
            <br />
        </div>
        <div class="box">
            
            <div class="btitle"><h2>LOCATION INFORMATION</h2></div>
            <br />
            <div class="separator">
                <label for="profile_hometown" class="small">Hometown:</label>
                <input name="town" type="text" value="{$user.town}" id="profile_town" />
            </div>
            <div class="separator">
                <label for="profile_city" class="small">Current city:</label>
                <input name="city" type="text" value="{$user.city}" id="profile_city" />
            </div>
            <div class="separator">
                <label for="profile_country" class="small">Country:</label>
                <input name="country" type="text" value="{$user.country}" id="profile_country" />
            </div>
            <div class="separator">
                <label for="profile_occupation" class="small">Occupation</label>
                <input name="occupation" type="text" value="{$user.occupation}" id="profile_occupation" />
            </div>
            <div class="separator">
                <label for="profile_company" class="small">Company:</label>
                <input name="company" type="text" value="{$user.company}" id="profile_company" />
            </div>
            <div class="separator">
                <label for="profile_school" class="small">School</label>
                <input name="school" type="text" value="{$user.school}" id="profile_school" />
            </div>
            <br />
        </div>
    </div>
    <div class="right span-600">
        <div class="box">
            
            <div class="btitle"><h2>RANDOM INFORMATION</h2></div>
            <br />
            <div class="separator">
                <label for="profile_about" class="large">About me:</label>
                <textarea name="aboutme" id="profile_about">{$user.aboutme}</textarea>
            </div>
            <div class="separator">
                <label for="profile_interests" class="large">Here for:</label>
                <textarea name="interest_hobby" id="profile_interests">{$user.interest_hobby}</textarea>
            </div>
            <div class="separator">
                <label for="profile_movie" class="large">Favorites Sex Categories:</label>
                <textarea name="fav_movie_show" id="profile_movie">{$user.fav_movie_show}</textarea>
            </div>
            <div class="separator">
                <label for="profile_music" class="large">Favorite Ideal Sex Partner:</label>
                <textarea name="fav_music" id="profile_music">{$user.fav_music}</textarea>
            </div>
            <div class="separator">
                <label for="profile_book" class="large">My Erotogenic Zones:</label>
                <textarea name="fav_book" id="profile_book">{$user.fav_book}</textarea>
            </div>
            <div class="separator">
                <label for="profile_turnon" class="large">Turn Ons:</label>
                <textarea name="turnon" id="profile_turnon">{$user.turnon}</textarea>
            </div>
            <div class="separator">
                <label for="profile_turnoff" class="large">Turn Offs:</label>
                <textarea name="turnoff" id="profile_turnoff}">{$user.turnoff}</textarea>
            </div>
            <br />
        </div>        
    </div>
    <div class="clear"></div>
    <div class="profile_trans">
        <input name="profile_submit" type="submit" value=" Save Preferences " id="profile_submit" class="profile_button">
    </div>    
    </form>
    </div>
</div>
