{include_template_file file="blocks/account_left.html"}

<div class="account-right">
    {if !$mode || $mode == 'uploaded'}
        {$search_query=$smarty.get.query}
        <div class="account-heading">
            <h2 >{lang code="Photos"} (<span id="playlists_count">{$total_photos}</span>)</h2>
                <div class="account-search absolute top right">
                    <form class=" form-search" method="get" action="">
                        <input type="hidden" name="mode" value="{$mode}" />
                        <input type="text" class="input-large search-query" name="query" value="{$search_query|form_val}" />
                        <button type="submit" class="btn">{lang code='Search'}</button>
                    </form>
                </div>
        </div>
    
        <div class="manager-list">
            <div class="controller scrolltoFixed white-grad">
                <div class="buttons">
                    <div class="btn-toolbar">
                        <div class="btn-group">
                            <label class="btn check-all"><input type="checkbox"></label>
                        </div>
                        <div class="btn-group">
                            <a class="btn btn-danger" onclick="return false;">Delete</a>
                        </div>
                    </div>

                    <div class="right-button">
                        <div class="btn-group">
                            <button class="btn btn-primary">{current_photo_order()}</button>
                            <button class="btn dropdown-toggle btn-primary" data-toggle="dropdown">
                                <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu pull-right">
                                {display_photo_manger_orders()}
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            
            <form id="photo-manager" method="post">
                 {if $photos}
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th width="25"></th>
                        <th></th>
                        <th width="120"></th>
                    </tr>
                    </thead>
                    <tbody>
                        {foreach $photos as $photo}
                            <tr>
                                <td class="text-center"><input type="checkbox" class="check-item" name="check_photo[]" value="{$photo.photo_id}" /></td>
                                <td>
                                    <div class="object-manager-thumb">
                                        <img src="{get_photo details=$photo size='m'}" />
                                    </div>
                                    <div class="object-manager-content">
                                        <a href="edit_photo.php?photo={$photo.photo_id}" class="object-manager-title">{$photo.photo_title}</a>
                                        
                                        <div class="object-manager-details">
                                            <ul>
                                                <li><i class="icon-folder-open"></i> <a href="edit_collection.php?collection={$photo.collection_id}">{$photo.collection_name}</a></li>
                                                <li><i class="icon-calendar"></i> {$photo.date_added|date_format:"%B %e, %Y"}</li>
                                                <li><i class="icon-eye-open"></i> {$photo.views|number_format} {lang code='views'}</li>
                                                <li><i class="icon-comment"></i> {$photo.total_comments|number_format} {lang code='comments'}</li>
                                                <li><i class="icon-heart"></i> {$photo.total_favorites|number_format} {lang code='favorites'}</li>
                                            </ul>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="btn-group">
                                      <button class="btn btn-block dropdown-toggle" type="button" data-toggle="dropdown">Options <span class="caret"></span></button>
                                        <ul class="dropdown-menu pull-right">
                                            <li><a href="{view_photo_link($photo)}">{lang code='View photo'}</a></li>
                                            <li><a href="edit_photo.php?photo={$photo.photo_id}">{lang code='Edit photo'}</a></li>
                                            {display_manager_links($photo)}
                                            <li class="divider"></li>
                                            <li><a href="#" onclick="cb_confirm('Delete Photo', 'Are you sure you want to delete this photo ? This action will delete photo permanently.', function(){
                                                window.location = '?mode={$mode}&delete_photo={$photo.photo_id}';
                                            });">Delete</a></li>
                                        </ul>                                      
                                    </div>

                                    <div class="object-manager-labels">{if $photo.photo_id == $photo.cover_photo}<span class="label label-info">{lang code='Cover photo'}</span>{/if}{if $photo.featured == 'yes'}<span class="label label-success">{lang code='Featured'}</span>{/if}{if $photo.is_mature == 'yes'}<span class="label label-important" title="{lang code='Login is required to view this photo'}"> {lang code='Mature'}</span>{/if}</div>
                                </td>
                            </tr>
                        {/foreach}
                    </tbody>
                </table>
            </form>
            {/if}
            {if !$photos}
            <p class="alert alert-large">{lang code='No founds photos'}{if $smarty.get.query},{lang code='matching this keyword'}{/if}.</p>
            {/if}
        </div>
    {/if}
    
    {if $mode == 'favorite'}
        {$search_query=$smarty.get.query}
        <div class="account-heading">
            <h2 >{lang code="Favorite Photos"} (<span id="playlists_count">{$total_photos}</span>)</h2>
                <div class="account-search absolute top right">
                    <form class=" form-search" method="get" action="">
                        <input type="hidden" name="mode" value="{$mode}" />
                        <input type="text" class="input-large search-query" name="query" value="{$search_query|form_val}" />
                        <button type="submit" class="btn">{lang code='Search'}</button>
                    </form>
                </div>
        </div>
        
        <div class="manager-list">
             <div class="controller scrolltoFixed white-grad">
                <div class="buttons">
                    <div class="btn-toolbar">
                        <div class="btn-group">
                            <label class="btn check-all"><input type="checkbox"></label>
                        </div>
                        <div class="btn-group">
                            <a class="btn btn-danger" onclick="return false;">Delete</a>
                        </div>
                    </div>
                </div>
            </div>
            
            <form id="photo-manager" method="post">
                {if $photos}
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th width="25"></th>
                        <th></th>
                        <th width="120"></th>
                    </tr>
                    </thead>
                    <tbody>
                        {foreach $photos as $photo}
                            <tr>
                                <td class="text-center"><input type="checkbox" class="check-item" name="check_photo[]" value="{$photo.photo_id}" /></td>
                                <td>
                                    <div class="object-manager-thumb">
                                        <img src="{get_photo details=$photo size='m'}" />
                                    </div>
                                    <div class="object-manager-content">
                                        <a href="edit_photo.php?photo={$photo.photo_id}" class="object-manager-title">{$photo.photo_title}</a>
                                        
                                        <div class="object-manager-details">
                                            <ul>
                                                <li><i class="icon-calendar"></i> {$photo.date_added|date_format:"%B %e, %Y"}</li>
                                                <li><i class="icon-eye-open"></i> {$photo.views|number_format} {lang code='views'}</li>
                                                <li><i class="icon-comment"></i> {$photo.total_comments|number_format} {lang code='comments'}</li>
                                                <li><i class="icon-heart"></i> {$photo.total_favorites|number_format} {lang code='favorites'}</li>
                                            </ul>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="btn-group">
                                      <button class="btn btn-block dropdown-toggle" type="button" data-toggle="dropdown">Options <span class="caret"></span></button>
                                        <ul class="dropdown-menu pull-right">
                                            <li><a href="{view_photo_link($photo)}">{lang code='View photo'}</a></li>
                                            {display_manager_links($photo)}
                                            <li class="divider"></li>
                                            <li><a href="#" onclick="cb_confirm('Remove From Favorites', 'Are you sure you want to remove this photo from favorites ?', function(){
                                                window.location = '?mode={$mode}&remove_fav_photo={$photo.photo_id}';
                                            });">Remove</a></li>
                                        </ul>                                      
                                    </div>

                                    <div class="object-manager-labels">{if $photo.photo_id == $photo.cover_photo}<span class="label label-info">{lang code='Cover photo'}</span>{/if}{if $photo.featured == 'yes'}<span class="label label-success">{lang code='Featured'}</span>{/if}{if $photo.is_mature == 'yes'}<span class="label label-important" title="{lang code='Login is required to view this photo'}"> {lang code='Mature'}</span>{/if}</div>
                                </td>
                            </tr>
                        {/foreach}
                    </tbody>
                </table>
                {/if}
                
                {if !$photos}
                    <p class="alert alert-large">{lang code='No founds photos'}{if $smarty.get.query},{lang code='matching this keyword'}{/if}.</p>
                {/if}
            </form>
        </div>
    {/if}
    
    {if $mode == 'avatars'}
        {if $no_avatar_collection}
        <p class="alert-large alert">{lang code="You have not uploaded any avatar. <a href='edit_account.php?mode=avatar_bg' class='btn btn-primary btn-small'>Upload an avatar</a>"}</p>
        {else}
            <div class="account-heading clearfix">
                <h2 class="margin0">{$collection.collection_name} ({$total_photos})</h2>
                {if $collection.collection_description}<p class="muted">{$collection.collection_description}</p>{/if}
                <div class="account-search absolute top right">
                    {lang code='Last update'} {$collection.last_updated|niceTime}<br/>
                    {$collection.views|number_format} {lang code='views'}
                </div>
            </div>
            
            <div class="manager-list">
                <div class="controller scrolltoFixed white-grad clearfix">
                    <div class="buttons">
                        <div class="btn-toolbar">
                            <div class="btn-group pull-right">
                                <button class="btn btn-primary">{current_photo_order()}</button>
                                <button class="btn dropdown-toggle btn-primary" data-toggle="dropdown">
                                    <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu pull-right">
                                    {display_photo_manger_orders()}
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                {if $avatars}
                    <div id="collection-items-container">
                        {foreach $avatars as $avatar}
                        <div class="manage-collection-items">
                            <div class="manage-collection-item">
                                <img src="{get_photo details=$avatar size='m'}" class="manage-collection-item-thumb" />
                                <div class="black-gradient absolute bottom manage-collection-item-details">
                                    <h4><a href="{$cbphoto->collection->collection_links($collection,'vc')}">{$collection.collection_name}</a></h4>
                                    <div class="pull-left">{$avatar.date_added|date_format}</div>
                                    <div class="pull-right">{$avatar.views|number_format} {lang code='views'}</div>
                                </div>
                            </div>
                            <ul class="nav nav-pills">
                                <li class="dropdown">
                                    <a class="dropdown-toggle" data-toggle="dropdown" href="#" title="{lang code='Options'}"><i class="icon-cog icon-white"></i></a>
                                    <ul class="dropdown-menu pull-right">
                                        <li><a href="{view_photo_link($avatar)}">{lang code='View'}</a></li>
                                        <li><a href="edit_photo.php?photo={$avatar.photo_id}">{lang code='Edit'}</a></li>
                                        {display_manager_links($avatar)}
                                        <li class="divider"></li>
                                        <li><a href="#" onclick="cb_confirm('Delete Photo', 'Are you sure you want to delete this photo ? This action will delete photo permanently.', function(){
                                                window.location = '?mode={$mode}&delete_photo={$photo.photo_id}';
                                            });">Delete</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                        {/foreach}
                    </div>
                {/if}
            </div>
                            
            {if !$avatars}
              <p class="alert-large alert">{lang code="You have not uploaded any avatar. <a href='edit_account.php?mode=avatar_bg' class='btn btn-primary btn-small'>Upload an avatar</a>"}</p>
            {/if}  
        {/if}
    {/if}
</div>