<div id="content">
    <div class="left span-300">
        {include file='user_info.tpl'}
    </div>
    <div class="right span-650">
        <div id="upload_photo_form">
        <form name="uploadPhoto" id="uploadPhoto" method="post" enctype="multipart/form-data" target="_self" action="{$relative}/upload/photo"> 
        <div class="box">
            
            <div class="btitle"><h2>ADD ALBUM</h2></div>
            <br>
            <div class="upload_container">
                <div class="separator">
                    <label for="upload_album_name">Name:</label>
                    <input name="album_name" type="text" value="{$album.name}" id="upload_album_name" class="large" /><br />
                    <span id="album_name_error" style="display: none;">Please enter the album name!</span>
                </div>
                <div class="separator">
                    <label for="upload_album_tags">Tags:</label>
                    <textarea name="album_tags" cols="45" id="upload_album_tags">{$album.tags}</textarea><br /><br />
                    <span id="album_tags_error" style="display: none;">Please enter the album tags!</span>
                </div>
                <div class="separator">
                    <label for="upload_album_category">Category:</label>
                    <select name="album_category" id="upload_album_category">
                    <option value="0"{if $album.category == ''} selected="selected"{/if}>-----</option>
                    {section name=i loop=$categories}
                    <option value="{$categories[i].CHID}"{if $album.category == $categories[i].CHID} selected="selected"{/if}>{$categories[i].name}</option>
                    {/section}
                    </select><br />
                    <span id="album_category_error" style="display: none;">Please select a category!</span>
                </div>
                <div class="separator">
                    <label for="upload_album_anonymous_no">Anonymous:</label>
                    <input name="album_anonymous" type="radio" value="no" id="upload_album_anonymous_no"{if $album.anonymous == 'no'} checked="checked"{/if} />&nbsp;
                    No - use my profile name
                </div>
                <div class="separator">
                    <label for="upload_album_anonymous_yes">&nbsp;</label>
                    <input name="album_anonymous" type="radio" value="yes" id="upload_album_anonymous_yes"{if $album.anonymous == 'yes'} checked="checked"{/if} />&nbsp;
                    Yes - anonymous
                </div>
                <div class="separator">
                    <label for="upload_album_type_public">Type:</label>
                    <input name="album_type" type="radio" value="public" id="upload_album_type_public"{if $album.type == 'public'} checked="checked"{/if} />&nbsp;
                    Public (everybody can see this album)
                </div>
                <div class="separator">
                    <label for="upload_album_type_private">&nbsp;</label>
                    <input name="album_type" type="radio" value="private" id="upload_album_type_private"{if $album.type == 'private'} checked="checked"{/if} />&nbsp;
                    Private (only you and your friends can see this album)
                </div>
            </div>
            <br />
            <div class="binfo font-12 font-bold">
                Thank you for your contribution to {$site_name}. Each video, photo and game will be converted into a
                format that is compatible with our systems. This process can take between 24-48h to be completed
                depending on volume. Nevertheless, an email will be sent to you once your game is published!
            </div>
            <br />
        </div>
        <div class="box">
            
            <div class="btitle"><h2>ADD ALBUM PHOTOS</h2></div>
            <br>
            <div class="upload_photo_container" id="upload_photo_container_1">
                <div class="separator">
                    <label for="photo_1">File:</label>
                    <input name="photo_1" type="file" id="photo_1"><br />
                    <span id="album_photo_error" style="display: none;">Please select at least one photo!</span><br />
                    <span id="photo_1_error" style="display: none;"></span>
                </div>
                <div class="separator">
                    <label for="caption_1">Caption(optional):</label>
                    <input name="caption_1" type="text" value="" maxlength="100" id="caption_1" />
                </div>
            </div>
            <a href="#add_more" id="add_photo" class="add_photo">Add More</a>
            <br /><br />
        </div>
        <div id="upload_message_photos" style="display: none; margin: 10px 0 10px 0;">Uploading your photos. This could take a few minutes, depending on the size of your photos.</div>
        <br />
        <input name="upload_photo_submit" type="submit" value=" Create " id="upload_submit" class="button">
        </form>
        </div>
    </div>
    <div class="clear"></div>
</div>
