{% extends app.request.get('project_setting').instance_theme_path~':'~ app.request.get('project_setting').instance_theme ~':ArtLibrary/ArtLibraryLayout.html.twig' %}

{% block bread_crumb_after_home %}
	{% if ob_project_user_id %}
		  <li>
            <a href="{{ url('office_brain_userbundle_user_my_account_info') }}">{{ 'my_account'|trans({}, 'app') }}</a>
            <i class="fa fa-angle-right fa-fw"></i>
        </li>
	{% endif %}
	<li> <strong>{{ 'saved_artwork.title'|trans({}, 'goldstar') }}</strong></li>
{% endblock bread_crumb_after_home %}

{% block artlibrary_main_content %}
     {% for key,media in library %}
     	{% set file_parts = media.fullImageName | split('.') %}
        {% set file_extension = file_parts[file_parts | length-1]|lower %}
        {% if file_extension == 'jpeg' or file_extension == 'jpg' or file_extension == 'gif' or file_extension == 'png' %}
{#         	{% set source = media_file_url ~ "/" ~ media.imageName %}#}
        	{% set source = media.imageDisplayPath %}
		{% elseif file_extension == 'pdf' %}
            {% set source = asset(ob_project_assets_base_url~'images/pdf.png') %}
		{% elseif file_extension == 'eps' %}
			{% set source = asset(ob_project_assets_base_url~'images/eps.png') %}
		{% elseif file_extension == 'ai' %}
			{% set source = asset(ob_project_assets_base_url~'images/ai.png') %}
        {% else %}
			{% set source = asset(ob_project_assets_base_url~'images/no-image-available.png') %}
        {% endif %}
     	<div class="col-lg-4 col-md-4 col-sm-6" id="media-{{ media.id }}">
     		<div class="pro-box">
     			<div class="pro-image box01">
					<div class="product-img-blk">
						<a href="javascript:void(0);">
{# 					    	<img src="{{ media.imageDisplayPath }}" alt="{{media.imageName }}" class="img-responsive center-block" />#}
							<img src="{{ source }}" alt="{{media.imageName }}" class="img-responsive center-block" />
					    </a>
					</div>
					<div class="product-tile">  
						<a href="javascript:void(0);" class="item-title">
					    	{{ media.imageName }}
					    </a>
					</div>
					<div class="product-quickview">
					    <a class="pav-colorbox glyphicon cboxElement" href="" data-target="#{{media.id }}" data-toggle="modal">
					        <i class="fa fa-eye-new"></i>
					    </a>
					</div>
					{#                                         <a class="more-info-btn pull-left artwork-btn" data-toggle="modal" data-placement="top" data-original-title="More Info">#}
					{#                         					<i class="fa fa-file-text-o"></i> More Info#}
					{# 										</a>#}
					<a data-original-title="{{ 'cms.media_library.list.icon.delete' | trans }}" class="js_media_delete_btn delete-btn pull-right artwork-btn" data-id="{{ media.id }}" data-url="{{ path('office_brain_custombundle_cmsbundle_cmsmedialibrary_delete') }}" data-placement="top" title="{{ 'cms.media_library.list.icon.delete' | trans }}" href="javascript:void(0);"> <i class="fa fa-trash-o"></i> Delete</a>
            	</div>                       
        	</div>
		</div> 
		
		<div class="modal fade model-popup-black order-remove-modal artwork-upload" id="{{media.id }}" tabindex="-1" role="dialog" aria-hidden="true">
		    <div class="modal-dialog modal-lg">
		        <div class="modal-content">
		            <a href="#" class="close" data-dismiss="modal" aria-label="Close">&times;</a>
		            <div class="modal-header">
		                <h1 class="modal-title" ><i class="heading-icon preview-icon"></i> Preview Image</h1>
		            </div>
		            <div class="modal-body">
		                <div class="row">
		                    <div class="col-lg-12">
                            	<img src="{{ media.imageDisplayPath }}" class="img-responsive center-block" alt="{{media.imageName }}">
                            </div>
		                </div>
		            </div>
		        </div>
		    </div>
		</div>   
     {% endfor %}
{% endblock artlibrary_main_content %}