<div class="row">
    <div class="col-xs-12">
        
        <h3><i class="glyphicon glyphicon-folder-open"></i> &nbsp; {{ 'folder.sidebar.title'|trans({}, 'VisualMMediaManagerBundle') }}</h3>
        <p>
            {{ 'folder.sidebar.info'|trans({}, 'VisualMMediaManagerBundle') }}            
        </p>
        
        <p>&nbsp;</p>
        <h4>{{ 'folder.sidebar.actions'|trans({}, 'VisualMMediaManagerBundle') }}</h4>
        <ul class="list-group">
            <li class="list-group-item"><a href="javascript:;" class="js-filesystem-add-folder"><i class="glyphicon glyphicon-plus"></i> {{ 'action.add_folder'|trans({}, 'VisualMMediaManagerBundle')}}</a></li>
            <li class="list-group-item"><a href="javascript:;" class="js-filesystem-upload"><i class="glyphicon glyphicon-upload"></i> {{ 'action.upload'|trans({}, 'VisualMMediaManagerBundle')}}</a></li>
        </ul>
        
        <p>&nbsp;</p>
        <div class="js-has-selection hide">
            <h4>{{ 'folder.sidebar.selection'|trans({}, 'VisualMMediaManagerBundle') }}</h4>
            <ul class="list-group">
                <li class="list-group-item"><a href="javascript:;" class="js-filesystem-delete-selected"><i class="glyphicon glyphicon-trash"></i> {{ 'action.delete_selected'|trans({}, 'VisualMMediaManagerBundle')}}</a></li>
                {% if extra_args.fs_callback is not empty and extra_args.multi_select is defined and extra_args.multi_select == 1 %}
                    <li class="list-group-item js-has-only-file-selection">
                        <a href="javascript:;" class="js-filesystem-insert-selected" data-callback="{{extra_args.fs_callback}}" data-extra-args="{{ extra_args|json_encode() }}">
                            <i class="glyphicon glyphicon-import"></i> {{ 'action.insert_selected'|trans({}, 'VisualMMediaManagerBundle')}}
                        </a>
                    </li>
                {% endif %}
                
            </ul>
        </div>
        
        {% if extra_args.fs_callback is not empty and extra_args.multi_select is defined and extra_args.multi_select == 1 %}
            <p>&nbsp;</p>
            <p class="alert alert-success">{{ 'folder.multi_select_active'|trans({}, 'VisualMMediaManagerBundle')}}</p>
        {% endif %}

        
    </div>
</div>