{% extends '::baseAjax.html.twig' %}

{% block ajax_body %}
<div class="ui-table-block dashboard-list-block">
    <div class="table-block table-content-res-block">
        <div class="table-responsive">  
            <table class="table table-bordered" width="100%">
                <thead>
                    <tr>
                        {#<th width="5%">{{ "email.header.list.sr_no" | trans }}</th>#}
                        <th width="55%">{{ "email.header.list.name" | trans }}</th>
                        <th width="12.5%">{{ "email.header.list.created_date" | trans }}</th>
                        <th width="12.5%">{{ "email.header.list.action" | trans }}</th>
                    </tr>
                </thead>
                <tbody>
                    {% if pagination is defined and pagination.items|length > 0 %}
                        {% for item in pagination.items %}                    
                            <tr>
                                {#<td>{{ loop.index }}</td>#}
                                <td>{{ item.name }}</td>
                                <td>{{ item.createdAt?(item.createdAt|dateFormat(ob_project_date_format)):'-' }}</td>
                                <td>
                                    {% if (ob_project_site_management_access_rule.email.option.template_header.status == 1) and (ob_project_site_management_access_rule.email.option.template_header.option.header_edit.status == 1) %}
                                        <a href="{{ path("office_brain_emailbundle_emailtemplateheaderadmin_editheader", {'id' : item.id}) }}" data-placement="top" class="btn-xs sub-shop-btn" title="{{ "email.tooltip.edit" | trans }}" data-original-title="{{ "email.tooltip.edit" | trans }}"><i class="fa fa-pencil-square-o"> </i></a>
                                    {% endif %}
                                    {% if (ob_project_site_management_access_rule.email.option.template_header.status == 1) and (ob_project_site_management_access_rule.email.option.template_header.option.header_delete.status == 1) %}											
                                        <a href="javascript:void(0)" data-id="{{ item.id }}" data-route="office_brain_emailbundle_emailtemplateheaderadmin_deleteheader" data-toggle="tooltip" title="{{ "email.tooltip.delete" | trans }}" data-placement="top" class="btn-xs sub-shop-btn js-btn-delete" data-original-title="{{ "email.tooltip.delete" | trans }}"><i class="fa fa-trash-o"> </i></a>																			
                                    {% endif %}                                
                                </td>
                            </tr>
                        {% endfor %}
                        <tr class="last-row">
                            <td class="banner-total-record" colspan="2">{{ office_brain_pagination_render('1', 'header-list-page-container', pagination) }}</td>
                            <td class="total-record-list"> {{ "email.header.list.records" | trans }}:(<span id="info_count">{{ pagination.getTotalItemCount }}</span>)</td>                            
                        </tr>
                    {% else %}
                        <tr class="last-row">
                            <td colspan='3' class="center">{{ "email.header.list.no_records" | trans }}</td>
                        </tr>
                    {% endif %}                        			
                </tbody>
            </table>
        </div>
        <div id="modal-table" class="modal fade" data-keyboard="false" data-backdrop="static" tabindex="-1">
            <div class="modal-dialog" style="width:900px">
                <div class="modal-content">
                    <div class="modal-header no-padding">
                        <div class="table-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                <span class="white">&times;</span>
                            </button>
                            {{ "email.header.view" | trans }}
                        </div>
                    </div>
                    <div class="modal-body no-padding" id="ajax_response"></div>
                    <div class="modal-footer no-margin-top">
                        <button class="btn btn-sm btn-danger pull-right" data-dismiss="modal">
                            <i class="icon-remove"></i>
                            {{ "email.close" | trans }}
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock ajax_body %}