{% extends '::adminBaseAjax.html.twig' %}
{% block ajax_body %}
<div class="ui-table-block col-lg-12 col-md-12 col-xs-12 upload-image-block-main">
<div class="ui-content-block">
<div class="row">
<ul>
    {% if pagination.items is defined and pagination.items | length > 0 %}
    {% for media in pagination.items %}
    {% if media.type | lower == "image" %}
    {% set source = media_file_url ~ "/" ~ media.name %}
    {% else %}
    {% set file_parts = media.name | split('.') %}
    {% set file_extension = file_parts[file_parts | length-1] %}
    {% set source = asset(ob_project_assets_base_url~'/images/'~file_extension~'.png') %}
    {% endif %}
    <li id="row-{{ media.id }}" style="">
    <div ><img src="{{ source }}" alt="{{ media.name }}" style="width:30%;height:30%;float:left;padding:1.65% 1.65%"></div>
    </li>
    {% endfor %}
    {% else %}
    <div>
        <li >{{ "cms.media_library.list.no_media" | trans }}</li>
    </div>
    {% endif %}
</ul>
</div>
   
    <div class="last-row">
        <td class="banner-total-record" colspan="2">{{  knp_pagination_render(pagination, 'OfficeBrainPageBundle:AdminUIElements:admin_table_pagination_ajax.html.twig') }}</td>
        <td class="total-record-list" colspan="1" align = 'right'>{{ "cms.media_library.list.pagination_total_record" | trans }}:(<span id="info_count">{{ pagination.getTotalItemCount }}</span>)</td>
    </div>
    <div class="row ui-table-block">
    <div class=" col-xs-4 js-image-preview"></div>
	    <div class="col-xs-8 ">
		    <button class="js-ok button-secondary-pink">{{ "cms.media_library.list.ok" | trans }}</button>
		    <button class="js-cancel button-secondary">{{ "cms.media_library.list.cancel" | trans }}</button>
	    </div>
    </div>
</div>
</div>
{% endblock ajax_body %}