{% extends "::baseAjax.html.twig" %}
{% block ajax_body %}
{% set locale =  app.request.locale %}
{% if update_subcategory_tab_content is defined  and update_subcategory_tab_content == 1 and subcategories is defined and subcategories is not empty %}
<ul id="flyerListSubTab" class="nav nav-tabs" loc="{{ app.request.locale }}">
                {% for key,val in subcategories %}
                    <li data-pcid="{{ val.id }}" {% if (loop.index == 1) %} {{ 'class=active' }} {% endif %}>
                        <a href="#{{val.id}}"  data-toggle="tab"
                           onClick="flyer_object.switchTabContent('{{path('office_brain_flyerbundle_flyeradmin_listflyerajaxBySubid')}}', '{{ val.id }}', 'flyerListTabSubContent');">{{ val.title }}</a>
                    </li>												
                {% endfor %}
             </ul>
 <div id="flyerListTabSubContent" class="tab-content">
{% endif %}

<form id="form_position" action="{{ path('office_brain_flyerbundle_flyeradmin_savepositionAjax') }}" method="POST">
<div class="tab-pane active">
    <div class="table-block table-content-res-block">
        <div class="table-responsive" style="height:500px;overflow-y:auto;">  
            <table id="sorting_table" class="table table-bordered">
                <thead>
                    <tr>
                        <th class='text-right' width='50'>{{ 'bannertype.banner.list.sr_no'|trans }}</th>
                        {% if (flyerConfigurationField.status == 1 and flyerConfigurationField.flyer_title == 1 ) %} <th>{{ 'admin.flyer_management.title.label'|trans }}</th> {% endif %}
                        {% if (flyerConfigurationField.status == 1 and flyerConfigurationField.valid_until_date == 1 ) %} <th class="text-center" width='150'>{{ 'admin.flyer_management.validUntilDate.label'|trans }}</th> {% endif %}
                        {% if (flyerConfigurationField.status == 1 and flyerConfigurationField.activate_it == 1 ) %} <th class="text-center" width='150'>{{ 'admin.flyer_management.status.label'|trans }}</th> {% endif %}
{#                         <th>{{ 'admin.flyer_management.status.label'|trans }}</th> #}
						<th class="text-center" width='50'>{{ 'admin.flyer_management.flyers_position.label'|trans }}</th>
                        {% if (flyerConfigurationField.status == 1 and flyerConfigurationField.action == 1 ) %}<th class="text-center" >{{ 'admin.flyer_management.action.label'|trans }}</th> {% endif %}
                        
                    </tr>
                </thead>

{#                 {% set i=1 %} #}
{#                 {% IF PAGE > 2 %} #}
{#                 	{% SET I = ((PAGE-1)*RECORDS_PER_PAGE)+1 %} #}
{#                 {% ELSEIF PAGE > 1 %} #}
{#                 	{% SET I =((PAGE)+RECORDS_PER_PAGE)-1 %} #}
{#                 {% ENDIF %}#}
                <tbody id="sortable">
                        {% if (recordSet) is defined and recordSet|length >0 %}
                        {% set currentdate = 'now'|date('Y-m-d') %}
                            {% for key,index in recordSet %}
                                {#<tr id="prod_list_{{index.id}}" class="ui-sortable-tr">   #}
                                <tr id="pos_{{loop.index}}" class="ui-sortable-tr">                                    
                                <td class='text-right'><i class="icon-move"></i> <span class="serial_no">{{ loop.index }} </span></td>                                
		                    	{% if (flyerConfigurationField.status == 1 and flyerConfigurationField.flyer_title == 1 ) %} <td class="title">{{index.title}}</td> {% endif %}
		                    	{% if (flyerConfigurationField.status == 1 and flyerConfigurationField.valid_until_date == 1 ) %}<td class="text-center">{{index.validUntilDate| dateFormat}}</td> {% endif %}
		                    	{% if (flyerConfigurationField.status == 1 and flyerConfigurationField.activate_it ==1 ) %}
		                    	<td class="text-center">
		             
		             			{#<div class="checkbox">
                                     <label>                                                                                      
                                             <input class="ace" type="checkbox" {% if index.validUntilDate is defined and index.validUntilDate|date('Y-m-d') < currentdate %} disabled  {% endif %}  id="is_published" name="is_published" onclick="flyer_object.publishedFlyer('{{ path('office_brain_flyerbundle_flyeradmin_publishedflyer',{'_locale':locale,'id':index.id,'uniqueId':index.uniqueId}) }}', this)"  {% if index.publishedFlag==1 %} checked="checked" {% endif %} >
                                             
                                             <span class="lbl">&nbsp;</span>
                                     </label>
                                 </div>	    
                                  #} 
                                  
                                 {% if index.publishedFlag==1 %}
                                 <a class="btn active-btn js-status cursor-pointer" onclick="flyer_object.publishedFlyer('{{ path('office_brain_flyerbundle_flyeradmin_publishedflyer',{'_locale':locale,'id':index.id,'uniqueId':index.uniqueId}) }}', '{{ index.publishedFlag }}')" >
                                 	<i class="fa fa-check-circle-o"></i>{{ 'admin.flyer_management.active'|trans }}
                                 </a>
                                 {% endif %}
                                 
                                 {% if index.publishedFlag==0 %}
                                 <a class="btn inactive-btn js-status cursor-pointer" onclick="flyer_object.publishedFlyer('{{ path('office_brain_flyerbundle_flyeradmin_publishedflyer',{'_locale':locale,'id':index.id,'uniqueId':index.uniqueId}) }}', '{{ index.publishedFlag }}')" >
                                 	<i class="fa fa-ban"></i>{{ 'admin.flyer_management.in_active'|trans }}
                                 </a>
                                 {% endif %}
		            		    </td>
		            		    {% endif %}
		            		    
		            		    <td><input name="{{ index.id }}" type="text" class="txt_position_change" value="{{ loop.index }}" maxlength="5"></input></td>
		                     {#	{% if index.validUntilDate is defined and index.validUntilDate|date('Y-m-d') >= currentdate %}
		                        <td>		                         
		                        <label class="btn active-btn"><i class="fa fa-ban"></i>{{ 'admin.flyer_management.active'|trans }}</label>
		                        </td>		                        
		                        {% else %}
		                        <td>		                       
		                        <label class="btn inactive-btn"><i class="fa fa-ban"></i>{{ 'admin.flyer_management.expire'|trans }}</label>
		                        </td>
		                        {% endif %}
		                     #} 
		                      {% if (flyerConfigurationField.status == 1 and flyerConfigurationField.action == 1) %}
		                        <td class="text-center">		            				 
		            				{% set lock='icon-lock' %}
		                			<div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
									{% set hide_btn_pos_top_up="" %}
									{% set hide_btn_pos_bottom_down="" %}
									{% set hide_btn_pos_up="" %}
									{% set hide_btn_pos_down="" %}
		            				
									{% if loop.first %}
										{% set hide_btn_pos_top_up="hide" %}
										{% set hide_btn_pos_up="hide" %}
									{% elseif loop.last %}
										{% set hide_btn_pos_bottom_down="hide" %}
										{% set hide_btn_pos_down="hide" %}
								{% endif %}
									
		                			<a href="javascript:void(0)"class="btn-xs sub-shop-btn btn_pos_top_up {{ hide_btn_pos_top_up }}"><i class="fa fa-chevron-up" data-original-title='{{ 'admin.prioritize_supplier.top'|trans }}' title='{{ 'admin.prioritize_supplier.top'|trans }}' rel='tool1tip'></i></a>  
									<a href="javascript:void(0)" class="btn-xs sub-shop-btn btn_pos_bottom_down {{ hide_btn_pos_bottom_down }}" ><i class="fa fa-chevron-down " data-original-title='{{ 'admin.prioritize_supplier.bottom'|trans }}' title='{{ 'admin.prioritize_supplier.bottom'|trans }}' rel='tool1tip'></i></a>  
									<a href="javascript:void(0)" class="btn-xs sub-shop-btn btn_pos_up {{ hide_btn_pos_up }}"><i class="fa fa-arrow-up" data-original-title='{{ 'admin.prioritize_supplier.move_up'|trans }}' title='{{ 'admin.prioritize_supplier.move_up'|trans }}' rel='tool1tip'></i></a>  
									<a href="javascript:void(0)" class="btn-xs sub-shop-btn btn_pos_down {{ hide_btn_pos_down }}"><i class="fa fa-arrow-down" data-original-title='{{ 'admin.prioritize_supplier.move_down'|trans }}' title='{{ 'admin.prioritize_supplier.move_down'|trans }}' rel='tool1tip'></i></a>
		                			
		            				{% if index.flyerUploadedPath is defined and  index.flyerUploadedPath is not empty %}                			
		                				<a  href="#generateOwnFlyer1"  data-toggle="modal" href="#" class="btn-xs sub-shop-btn imgpopup" imgpath="{{ app.request.scheme ~'://' ~ app.request.httpHost ~asset('images/uploads/flyers/flyerthumb/'~index.flyerUploadedPath) }}" title="USD {{ 'admin.flyer_management.view'|trans  }}"><i class="fa fa-eye"></i></a>
		                			{% else %} 
		                				<a target="_blank" href="{{path('office_brain_flyerbundle_flyeradmin_showflyer',{'locale':app.request.locale,'flyerUniqueId':index.uniqueId})}}" data-toggle="tooltip"  data-original-title="{{ 'admin.flyer_management.view'|trans  }}" class="btn-xs sub-shop-btn" data-placement="top" data-hover="tooltip" title="{{ 'admin.flyer_management.view'|trans  }}"><i class="fa fa-eye"></i></a>
		                			{% endif %}
		                			
		                			{% if index.extraFlyerUploadedPath is defined and  index.extraFlyerUploadedPath is not empty %}                			
		                				<a  href="#generateOwnFlyer1"  data-toggle="modal" href="#" class="btn-xs sub-shop-btn imgpopup" imgpath="{{ app.request.scheme ~'://' ~ app.request.httpHost ~asset('images/uploads/flyers/flyerthumb/'~index.extraFlyerUploadedPath) }}" title="CDN {{ 'admin.flyer_management.view'|trans  }}"><i class="fa fa-eye"></i></a>
		                			{% endif %}
		                			
		                		{% if (flyerAccessField.option.flyer_list.status == 1 and flyerAccessField.option.flyer_add_edit.status == 1 ) %} 
		                				<a onclick="flyer_object.addFlyerDetail('{{ path('office_brain_flyerbundle_flyeradmin_flyernewadd')~'?id='~index.id }}');" data-toggle="tooltip"  data-original-title="{{ 'admin.flyer_management.edit'|trans }}" class="btn-xs sub-shop-btn" data-placement="top" data-hover="tooltip" title="{{ 'admin.flyer_management.edit'|trans  }}" href="javascript:void(0)"><i class="fa fa-pencil-square-o"></i></a>		                				
		                			 {% endif %}
		    						
		    					{% if (flyerAccessField.option.flyer_list.status == 1 and flyerAccessField.option.flyer_delete.status == 1 ) %} 	
		    							<a onclick="flyer_object.deleteFlyer('{{ path("office_brain_flyerbundle_flyeradmin_deleteflyer",{"action":"delete","id":index.id}) }}', {{ index.id}})" data-original-title="{{ 'admin.flyer_management.delete'|trans }}" class="btn-xs sub-shop-btn" data-placement="top" data-toggle="tooltip" href="javascript:void(0)"  title="{{ 'admin.flyer_management.delete'|trans }}"><i class="fa fa-trash-o"></i></a>
		                	    {% endif %}	
		    							{# <input type="hidden" value={{ records_per_page }} id="jsPerPageRecord"> #} 
		    							{# <input type="hidden" value={{ pagination.getTotalItemCount }} id="jsTotalRecord"> #}
		    							
		                			</div>
		                		</td>
		                		{% endif %}
                                    
                                </tr>
                            {% endfor %}
                        {% else %}
                            <tr>
                                <td colspan='7' class="center" id="NoRecords">{{'bannertype.banner.list.no_records'|trans }}</td>
                            </tr>
                        {% endif %}
                    </tbody>
{#                     <thead>#}
{# 	                	<tr>#}
{# 	                		<td colspan="4">{{ office_brain_pagination_render('1', 'search_flyer', recordSet) }}{#{ knp_pagination_render(pagination, 'OfficeBrainPageBundle:AdminUIElements:admin_table_pagination_ajax.html.twig') }</td>#}
{# 	                    	<td colspan="2" align="right"> {{ "email.template.list.records" | trans }}:(<span id="info_count">{{ recordSet.getTotalItemCount }}</span>)</td>#}
{# 						</tr>#}
{# 					</thead>#}
                </table>
            </div>
             {% if (recordSet) is defined and recordSet|length >0 %}
             <br>
            <div class="btn-block">
            <a href='javascript:void(0)' id="submit_save_position" class="customize-btn">{{ 'admin.flyer_management.save'|trans }}</a>
            </div>
            {% endif %}
        </div>
    </div>
</form>
{% if update_subcategory_tab_content is defined  and update_subcategory_tab_content == 1 %}
</div>
{% endif %}
    <script type="text/javascript">
    $(document).ready(function(){
  	  $('#sortable').sortable({
  			cursor: "move",
  			items: "tr.ui-sortable-tr",
  			update:function(event,ui){
  				var i=1;
  				var max_pos=$('.ui-sortable-handle').size();
  				flyer_object.change_all_position(max_pos);
  			}
  		})
  	  })
  	
  //end 	code for Drag & drop
</script>
 
{% endblock ajax_body %}