clipbucket/upload/styles/cbv3/layout/manage_playlists.html

        <!-- Create Playlist Modal Box -->
        <div class="modal hide fade" id="create-playlist-modal">
            <div class="modal-header">
                <button class="close" data-dismiss="modal">×</button>
                <h3>{lang code='Create new playlist'}</h3>
            </div>
            <div class="modal-body">
                <div class="alert alert-danger hidden" id="create-playlist-error" ></div>
                
                <div id="create_playlist_body">
                    <form method="post" class="form-horizontal">
                        
                        <div class="control-group">
                            <label class="control-label" for="playlist_name">{lang code="Playlist Name"}</label>
                            <div class="controls">
                                <input type="text" class="input-xlarge" id="playlist_name" name="name" />
                                <span class="help-inline"></span>
                            </div>
                        </div>
                        
                        <div class="control-group">
                            <label class="control-label" for="description">{lang code="Description"}</label>
                            <div class="controls">
                                <textarea class="input-xlarge" id="description" name="description" ></textarea>
                                <span class="help-inline"></span>
                            </div>
                        </div>
                        
                        <div class="control-group">
                            <label class="control-label" for="description">{lang code="Tags"}</label>
                            <div class="controls">
                                <input type="text" class="input-xlarge" id="tags" name="tags" />
                                <p class="help-block">{lang code="Separate tags by comma, will be used for searching"}</p>
                                <span class="help-inline"></span>
                            </div>
                        </div>
                        
                        <div class="control-group">
                            <label class="control-label">{lang code="Privacy"}</label>
                            <div class="controls">
                                <label class="radio inline">
                                <input type="radio" name="privacy" id="privacy_pub" value="public" checked="checked">
                                {lang code="Public"}
                                </label>
                                <label class="radio inline">
                                <input type="radio" name="privacy" id="privacy_pri" value="private">
                                {lang code="Private"}
                                </label>
                                <p class="help-block">{lang code="Choose weather to make your playlist public or private"}</p>
                            </div>
                        </div>
                        
                        
                        <div class="control-group">
                            <label class="control-label">{lang code="Allow comments"}</label>
                            <div class="controls">
                                <label class="radio inline">
                                <input type="radio" name="allow_comments" id="comments_yes" value="yes" checked="checked">
                                {lang code="Yes"}
                                </label>
                                <label class="radio inline">
                                <input type="radio" name="allow_comments" id="comments_no" value="no">
                                {lang code="No"}
                                </label>
                            </div>
                        </div>
                        
                        
                        <div class="control-group">
                            <label class="control-label">{lang code="Allow ratings"}</label>
                            <div class="controls">
                                <label class="radio inline">
                                <input type="radio" name="allow_rating" id="rating_yes" value="yes" checked="checked">
                                {lang code="Yes"}
                                </label>
                                <label class="radio inline">
                                <input type="radio" name="allow_rating" id="rating_no" value="no">
                                {lang code="No"}
                                </label>
                            </div>
                        </div>
                        
                    </form>
                </div>
            </div>
            <div class="modal-footer">
                <a href="#" class="btn" data-dismiss="modal">{lang code="Cancel"}</a>
                <a href="javascript:void(0)" onclick="create_playlist('v');" id="create_playlist_bttn"
                 class="btn btn-primary" data-loading-text="{lang code='Creating...'}" data-complete-text="finished!">{lang code="Create"}</a>
            </div>
        </div>


<!-- Acount left -->
{include_template_file file="blocks/account_left.html"}

<div class="account-right">
    
    
    <!-- If mode is manage playlists -->
    {if $mode=='manage_playlist'}
    <div class="account-heading">
        <h2 >{lang code="Playlists"} (<span id="playlists_count">{$total_playlists}</span>)</h2>
        
        <div class="account-search absolute top right">
            <form class=" form-search">
                <input type="text" class="input-medium search-query">
                <button type="submit" class="btn">{lang code='Search'}</button>
            </form>
        </div>
    </div>
    
    <hr/>
    
    
    <form class="margin0 padding0 inline" method="post">
    <div class="account-controls">
        <div class="account-controls-left playlist-list-controls">
            <span class="" style="margin-right: 8px"><input type="checkbox" class="select_all" data-target="check_playlist" /></span>
                <button class="btn btn-danger" name="delete_playlists">{lang code='Delete Selected'}</button>
        </div>
        
        <div class="account-controls-right" align="right">
            <button class="btn btn-primary" data-toggle="modal" data-target="#create-playlist-modal">
                <i class="icon-plus icon-white"></i> {lang code='Create New'}</button>
        </div>

        <div class="clearfix"></div>
    </div>
    
    <hr/>
    
    
    <div id="playlist-list">
        {if $playlists}
        {foreach $playlists as $playlist}
            {include_template_file file='blocks/playlist.html' playlist=$playlist}
        {/foreach}
        {/if}   
       
        <div class="no-playlist alert alert-info {if $playlists}display-none{/if}">{lang code="<strong>Hey there!</strong> You have not created any playlist, please create one now or read our playlist guide."}</div>
        
    </div>
    
    {/if}
    
    </form>
    
    
    
    <!-- Have to edit playlist -->
    {if $mode=='edit_playlist'}
    {$pid=$playlist.playlist_id}
        <div class="account-heading">
            <h2>{lang code='Manage playlist'}</h2>
            
            <form method="post" class="form-horizontal">     
                <fieldset>
                
                <div class="control-group">
                    <label class="control-label" for="playlist_name">{lang code="Playlist Name"}</label>
                    <div class="controls">
                        <input type="text" class="input-xlarge" id="playlist_name" name="name" value="{$playlist.playlist_name}"/>
                        <span class="help-inline"></span>
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="description">{lang code="Description"}</label>
                    <div class="controls">
                        <textarea class="input-xlarge" id="description" name="description" >{$playlist.description}</textarea>
                        <span class="help-inline"></span>
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="description">{lang code="Tags"}</label>
                    <div class="controls">
                        <input type="text" class="input-xlarge" id="tags" name="tags" value="{$playlist.tags}" />
                        <p class="help-block">{lang code="Separate tags by comma, will be used for searching"}</p>
                        <span class="help-inline"></span>
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label">{lang code="Privacy"}</label>
                    <div class="controls">
                        <label class="radio inline">
                        <input type="radio" name="privacy" id="privacy_pub" value="public" {if $playlist.privacy=='public'}checked="checked"{/if}>
                        {lang code="Public"}
                        </label>
                        <label class="radio inline">
                        <input type="radio" name="privacy" id="privacy_pri" value="private" {if $playlist.privacy=='private'}checked="checked"{/if}>
                        {lang code="Private"}
                        </label>
                        <p class="help-block">{lang code="Choose weather to make your playlist public or private"}</p>
                    </div>
                </div>


                <div class="control-group">
                    <label class="control-label">{lang code="Allow comments"}</label>
                    <div class="controls">
                        <label class="radio inline">
                        <input type="radio" name="allow_comments" id="comments_yes" value="yes"  {if $playlist.allow_comments=='yes'}checked="checked"{/if}>
                        {lang code="Yes"}
                        </label>
                        <label class="radio inline">
                        <input type="radio" name="allow_comments" id="comments_no" value="no"  {if $playlist.allow_comments=='no'}checked="checked"{/if}>
                        {lang code="No"}
                        </label>
                    </div>
                </div>


                <div class="control-group">
                    <label class="control-label">{lang code="Allow ratings"}</label>
                    <div class="controls">
                        <label class="radio inline">
                        <input type="radio" name="allow_rating" id="rating_yes" value="yes"  {if $playlist.allow_rating=='yes'}checked="checked"{/if}>
                        {lang code="Yes"}
                        </label>
                        <label class="radio inline">
                        <input type="radio" name="allow_rating" id="rating_no" value="no"  {if $playlist.allow_rating=='no'}checked="checked"{/if}>
                        {lang code="No"}
                        </label>
                    </div>
                </div>
            </fieldset>
                
            <div class="form-actions">
                <button type="submit" class="btn btn-primary" name="edit_playlist">Save playlist</button>
            </div>
                
                
            </form>
        </div> 
    <hr/>
    
    
    <h2>Playlist items (<span id="playlist_items_count">{$total_items}</span>)</h2>
    <div class="height20"></div>
    
    {if $items}
    <form method="post" id="playlist-manage-form" onsubmit="return false;" >
    <ul class="playlist-manage" id="playlist-manage">
        <input type="hidden" name="playlist_id" value="{$playlist.playlist_id}"/>
        {foreach $items as $item}
        {$itemid = $item.playlist_item_id}
        <li id="{$itemid}-pitem">
            <input type="hidden" name="playlist_item[]" value="{$item.playlist_item_id}" />
            <ul>
                <li class="iteration">{$item@iteration}.</li>
                <li class="move"><i class=" icon-align-justify"></i></li>
                <li class="thumb"><img src="{getThumb vdetails=$item}" /></li>
                <li class="title">
                    <div class="video-title">
                        <a href="{videoLink vdetails=$item}">{$item.title}</a>
                    </div>
                    
                    <input type="text" class="span4" id="{$itemid}-text"
                           value="{$item.item_note}" placeholder="{lang code='Enter note for this item'}"/> 
                    <a href="javascript:void(0);" class="btn btn-info save-plst-text" 
                            data-loading-text="{lang code='saving..'}"  
                                data-id="{$itemid}">{lang code='save'}</a>
                    
                </li>
                <li class="delete">
                    <a href="javascript:void(0)" data-id="{$itemid}" class="btn remove_playlist_item"
                       data-confirm-title="{lang code='Confirm remove item'}"
                       data-confirm-text="{lang code='Are you sure you want to remove %s from %s'|sprintf:$item.title:$playlist.playlist_name}">
                    <i class="icon-trash"></i></a>
                </li>
            </ul>
            <div class="clearfix"></div>
        </li>    
        {/foreach}
    </ul>
    {/if}
    </form>
    
        <div class="alert alert-info {if $total_items>0}display-none{/if}" id="no-playlist-items-div">{lang code='You do not have any items in this playlist, to add videos, goto any video page and click add to and follow the name'}</div>

    {/if}
    
    

    
</div>



<!--Clearing things up -->
<div class="clearfix"></div>