{% block main_content %}
    <div class="dashboard-list-block">
        <div class="ui-table-block col-lg-12 col-md-12 col-xs-12 upload-image-block-main">
            <div class="ui-content-block">
            		{% block form_header %}
                	<form id="upload" method="post" action="{{ path('office_brain_cmsbundle_cmsmedialibrary_uploadprocess') }}" enctype="multipart/form-data">
                	{% endblock form_header %}
                    <span id="js-source" data-source="{{ asset(ob_project_assets_base_url~'/images/') }}"></span>
                    <div id="drop" class="drag-box">
                        <i class="fa fa-cloud-upload"></i>
                        <div>{{ 'cms.media_library.form.drop_area' | trans }}</div>
                    </div>
                    <div class="upload-btn-block">
                        <div>{{ 'cms.media_library.form.drop_or_browse' | trans }}</div>
                        <label id="file" class="file-input-wrap">
                            <span class="admin-custom-btn-gray label-name" href="javascript:void(0)">
                                <i class="fa fa-upload"></i>
                                {{ 'cms.media_library.form.input_type_label' | trans }}
                            </span>
                            <span class="file-name form-control">{{ 'cms.media_library.form.input_type_selected_file' | trans }}</span>
                            <input type="file" name="upload" class="form-control" multiple />
                        </label>
                    </div>
					{% block image_view %}
                    <ul class="uploaded-img-listing">
                        <!-- The file uploads will be shown here -->
                    </ul>
                    {% endblock image_view %}
                    <div class="clearfix"></div>
                </form>
            </div>
        </div>
    </div>
{% endblock main_content %}