{% extends "::baseAjax.html.twig" %}
{% block ajax_body %}
<div class="tab-pane active">
    <div class="table-block table-content-res-block">
        <div class="table-responsive">
            <table id="sort" class="table table-bordered">
                <thead>
                    <tr>
                        <th class='text-center'>{{ 'bannertype.banner.list.sr_no'|trans }}</th>
                        <th>{{ 'bannertype.banner.list.name'|trans }}</th>
                        {#<th>{{ 'bannertype.banner.list.banner_type_name'|trans }}</th>#}
                        <th class='text-center'>{{ 'bannertype.banner.list.file'|trans }}</th>
                        <th class='text-center'>{{ 'bannertype.banner.list.start_date'|trans }}</th>
                        <th class='text-center'>{{ 'bannertype.banner.list.end_date'|trans }}</th>
                        <th class='text-center'>{{ 'bannertype.banner.list.status'|trans }}	</th>
                        <th class='text-center'>{{ 'bannertype.banner.list.action'|trans }}</th>
                    </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">
					<tr id="add_new"></tr>
                    	{% if (pagination) is defined and pagination|length >0 %}
                        	{% for key, index in pagination.items %}
                                <tr id="prod_list_{{index.id}}" class="ui-sortable-tr" cust-attr="{{path('office_brain_bannerbundle_banneradmin_positionlist')}}">
                                    <td style="display: none">{{index.id}}</td>
                                    <td  class="index text-center"><i class="fa fa-bars"></i> <span class="serial_no"> {{ i }} </span></td>
{#                                     <td>{{ index.banner_name }}</td>#}
										<td>{{ index.bannerName }}</td>
{#                                    <td>{{ index.banner_type_name }}</td>#}
                                    <td class='text-center'> <img src="{{ asset('images/uploads/banner_images/'~index.uploadedBanner, null, true) }}" width="150"></td>
                                    <td class='text-center'>
                                        {% if(index.scheduleStartDate is defined and index.scheduleStartDate!= NULL) %}
                                            {{ index.scheduleStartDate | dateFormat(ob_project_date_format) }}
                                        {% else %} - {% endif %}
                                    </td>
                                    <td class='text-center'>
                                        {% if(index.scheduleEndDate is defined and index.scheduleEndDate!= NULL) %}
                                            {{ index.scheduleEndDate | dateFormat(ob_project_date_format) }}
                                        {% else %} - {% endif %}
                                    </td>
                                    <td class='text-center' valign='middle' width='60' id="status_{{index.id}}">
                                    	{% if(index.status==0) %}
											<button class="btn inactive-btn js-rule-status" data-id="{{ index.id }}" data-url="{{ path('office_brain_bannerbundle_banner_change_status') }}">
												<i class="fa fa-ban"></i>{{ 'admin.status.inactive'|trans }}
											</button>
										{% elseif(index.status==1) %}
											<button class="btn active-btn js-rule-status" data-id="{{ index.id }}" data-url="{{ path('office_brain_bannerbundle_banner_change_status') }}">
												<i class="fa fa-check-circle-o"></i>{{'admin.status.active'|trans }}
											</button>
										{% endif %}
                                    	{#}
                                        {% if(index.status==0) %}
                                            <button class="btn inactive-btn">
                                                <i class="fa fa-ban"></i>{{ 'bannertype.banner.list.blocked'|trans }}
                                            </button>
                                        {% elseif(index.status==1) %}
                                            <button class="btn active-btn"><i class="fa fa-check-circle-o"></i>
                                                {{ 'bannertype.banner.list.active'|trans }}
                                            </button>
                                        {% endif %}
                                        #}
                                    </td><input name="{{ index.id }}" type="hidden" class="txt_position_change" value="{{ loop.index }}" maxlength="5"></input>
                                    <td id="prod_{{index.id}}" class="action_button_center text-center">
                                        <div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
                                            {% if (ob_project_site_management_access_rule.banner.option.banner.status == 1) and (ob_project_site_management_access_rule.banner.option.banner.option.banner_preview.status == 1) %}
                                                <a href="javascript:void(0)"  onClick="banner_object.getBannerContent('{{path('office_brain_bannerbundle_banneradmin_bannerdetailsajax')}}', '{{ index.id }}');" data-hover="tooltip" title="{{ 'bannertype.header.list.view'|trans }}" data-placement="top" class="btn-xs sub-shop-btn js-view-banner-details" data-original-title="{{ 'bannertype.header.list.view'|trans }}" data-target="#banner_view_popup" data-toggle="modal"><i class="fa fa-eye"></i></a>
                                            {% endif %}
                                            {% if (ob_project_site_management_access_rule.banner.option.banner.status == 1) and (ob_project_site_management_access_rule.banner.option.banner.option.banner_add_edit.status == 1) %}
                                                {% if app.request.get('instance_id') > 0%}                                        
                                                    <a href="" data-route="{{path('office_brain_bannerbundle_banneradmin_editbanner',{'id':index.id,'instance_id':app.request.get('instance_id')})}}" data-hover="tooltip" title="{{ 'bannertype.header.list.edit'|trans }}" data-placement="top" class="btn-xs sub-shop-btn js-banner-action" data-original-title="{{ 'bannertype.header.list.edit'|trans }}"><i class="fa fa-pencil-square-o"></i></a>
                                                {% else %}
                                                    <a href="{{path('office_brain_bannerbundle_banneradmin_editbanner',{'id':index.id,'instance_id':app.request.get('instance_id')})}}" data-hover="tooltip" title="{{ 'bannertype.header.list.edit'|trans }}" data-placement="top" class="btn-xs sub-shop-btn" data-original-title="{{ 'bannertype.header.list.edit'|trans }}"><i class="fa fa-pencil-square-o"></i></a>
                                                {% endif %}    

                                                {% if country is defined and country|length > 1 and false %}
                                                    <a href="#js-make-copy-content" data-hover="tooltip" title="{{ 'bannertype.header.list.make_copy'|trans }}" data-placement="top" class="btn-xs sub-shop-btn js-make-copy" data-original-title="{{ 'bannertype.header.list.make_copy'|trans }}" data-id="{{ index.id }}" data-target="#js-make-copy-content" data-toggle="modal"><i class="fa fa-files-o"></i></a>
                                                {% endif %}
                                            {% endif %}
                                            {% if (ob_project_site_management_access_rule.banner.option.banner.status == 1) and (ob_project_site_management_access_rule.banner.option.banner.option.banner_delete.status == 1) %}
                                                <a onclick="banner_object.deleteBannerRecord('{{path('office_brain_bannerbundle_banneradmin_deletebanner_ajax',{'instance_id':app.request.get('instance_id')})}}', '{{index.id}}')" href="javascript:void(0)" data-hover="tooltip" title="{{ 'bannertype.header.list.delete'|trans }}" data-placement="top" class="btn-xs sub-shop-btn" data-original-title="{{ 'bannertype.header.list.delete'|trans }}"><i class="fa fa-trash-o"></i></a>
                                            {% endif %}
                                        </div>
                                    </td>
                                </tr>
                                {% set i=i+1 %}
                            {% endfor %}
                            {#<tr class="last-row">
			                       	<td colspan="6" class="banner-total-record">{{ office_brain_pagination_render('1', 'banner-page-container', pagination) }}</td>
			                       	 <td class="total-record-list">{{ "admin.request_info.total_record" | trans }}:({{ pagination.getTotalItemCount }})</td>										
			            	</tr>#}
                        {% else %}
                            <tr>
                                <td colspan='7' class="center" id="NoRecords">{{'bannertype.banner.list.no_records'|trans }}</td>
                            </tr>
                        {% endif %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <script type="text/javascript">
    $(document).ready(function(){
  	  $('#sortable').sortable({
  			cursor: "move",
  			items: "tr.ui-sortable-tr",
             update: function( event, ui ) 
             {
                 var data = $(this).sortable("serialize");
                 banner_object.updateposition(data);
             }
  		 })
        })
  	
  //end 	code for Drag & drop
</script> 
{% endblock ajax_body %}