{% block artlibrary_heading %}
                        <div class="col-sm-12 col-xs-12">
	            			<h1 class="main-title register"><i class="heading-icon saved-artwork-icon"></i>{{ 'saved_artwork.title'|trans({}, 'goldstar') }} {#}(count : {{ {{ library_count }} }}){#}</h1>            			
	            		</div>
	            		<div class="clearfix"></div>
	            		
{#                         <div class="col-lg-12 col-xs-12">#}
{#                             <div class="search-mail-block">#}
{#                                 <div class="search-col">#}
{#                                     <input placeholder="Search Saved Artwork" type="text">#}
{#                                         <input value="" type="submit">#}
{#                                 </div>#}
{#                             </div>#}
{#                         </div>#}
                        
{#                         <div class="row action-row">#}
{#                         	<div class="col-lg-12 col-xs-12">#}
{#                         		<div class="import-artwork">#}
{# 		                                <div class="row">#}
		                                	<div class="col-md-12 col-sm-12 col-xs-12">
		                                		<form action="{{ path('office_brain_custombundle_cmsbundle_cmsmedialibrary_save')}}" method="post" id="upload_art" novalidate>
						                            <div class="art-fileupload">
			                                            <div class="form-group btn-box-main upload-btn-block">
			                                                <label id="file" class="file-input-wrap">							
			                                                    <span class="admin-custom-btn label-name" href="javascript:void(0);">{{ 'saved_artwork.choose_file'|trans({}, 'goldstar') }}</span>							
			                                                    <span class="file-name form-control"></span>
			                                                    <input type="file" id="art_file" name="upload"  class="form-control" tabindex="17">
		{# 		                                                    <p>Click 'Choose File' to select and upload an art file (PDF, Jpeg, GIF, PNG, etc.)</p>#}
			                                                </label>
			                                            </div>
				                                    	<button type="button" class="magnet-default-btn js_save_art_library_media_upload_btn" data-url="{{ path('office_brain_custombundle_cmsbundle_cmsmedialibrary_save')}}" >{{ 'saved_artwork.upload'|trans({}, 'goldstar') }}</button>
			                                        </div>    
		                                        </form>                      
					                        </div>
{# 		                                </div>#}
{#                                 </div>#}
{# 	                        </div>#}
{# 	                        <div class="col-md-6 col-sm-12 col-xs-12">#}
{# 	                            <a href="javascript:void(0);" class="continue-btn" data-toggle="modal" data-target="#upload_artwork_popup">UPLOAD ARTWORK</a>    #}
{# 	                        </div>#}
{#                         	<div class="col-md-6 col-sm-12 col-xs-12">#}
{#                         		<div class="sort-product">#}
{# 			                        <div class="sort">#}
{# 			                            Sort by:#}
{# 			                            <div class="sort-style">#}
{# 			                                <select>#}
{# 			                                    <option>Newest to Oldest</option>#}
{# 			                                    <option>Oldest to Newest</option>#}
{# 			                                </select>#}
{# 			                            </div>#}
{# 			                        </div>#}
{#                     			</div>#}
{#                         	</div>#}
{#                         </div>#}
<script type="text/javascript">
	$(document).ready(function(){
		$('#art_file').on('change', function(){
			var file_path = $(this).val();
			var file_name = file_path.replace(/^.*[\\\/]/, '');
			$('.file-name').html( file_name );
		});
	});
</script>
  {% endblock artlibrary_heading %}