{{ header }}{{ column_left }} 
<div id="content">
    <div class="page-header">
        <div class="container-fluid">
            <div class="pull-right">
                <button type="button" data-toggle="tooltip" title="{{ button_delete }}" class="btn btn-danger" onclick="confirm('{{ text_confirm }}') ? $('#form-comment').submit() : false;"><i class="fa fa-trash-o"></i></button>
            </div>
            <h1>{{ heading_title }}</h1>
            <ul class="breadcrumb">
                {% for breadcrumb in breadcrumbs %} 
                    <li><a href="{{ breadcrumb['href'] }}">{{ breadcrumb['text'] }}</a></li>
                {% endfor %} 
            </ul>
        </div>
    </div>
    <div class="container-fluid">
        {% if (error_warning) %} 
            <div class="alert alert-danger"><i class="fa fa-exclamation-circle"></i> {{ error_warning }} 
                <button type="button" class="close" data-dismiss="alert">&times;</button>
            </div>
        {% endif %} 
        {% if (success) %} 
            <div class="alert alert-success"><i class="fa fa-check-circle"></i> {{ success }} 
                <button type="button" class="close" data-dismiss="alert">&times;</button>
            </div>
        {% endif %} 
        {{ handy_box }} 
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title"><i class="fa fa-list"></i> {{ text_list }}</h3>
            </div>
            <div class="panel-body">
                <form action="{{ delete }}" method="post" enctype="multipart/form-data" id="form-comment">
                    <div class="table-responsive">
                        <table class="table table-bordered table-hover">
                            <thead>
                                <tr>
                                    <td style="width: 1px;" class="text-center"><input type="checkbox" onclick="$('input[name*=\'selected\']').prop('checked', this.checked);" /></td>
                                    <td class="text-left">{{ column_content }}</td>
                                    <td class="text-left">{{ column_article }}</td>
                                    <td class="text-left">{% if (sort == 'name') %} 
                                            <a href="{{ sort_name }}" class="{{ order|lower }}">{{ column_name }}</a>
                                        {% else %} 
                                            <a href="{{ sort_name }}">{{ column_name }}</a>
                                        {% endif %} 
                                    </td>
                                    <td class="text-left">{% if (sort == 'email') %} 
                                            <a href="{{ sort_email }}" class="{{ order|lower }}">{{ column_email }}</a>
                                        {% else %} 
                                            <a href="{{ sort_email }}">{{ column_email }}</a>
                                        {% endif %} 
                                    </td>
                                    <td class="text-center">{% if (sort == 'date_added') %} 
                                            <a href="{{ sort_date_added }}" class="{{ order|lower }}">{{ column_date_added }}</a>
                                        {% else %} 
                                            <a href="{{ sort_date_added }}">{{ column_date_added }}</a>
                                        {% endif %} 
                                    </td>
                                    <td class="text-center">{% if (sort == 'status') %} 
                                            <a href="{{ sort_status }}" class="{{ order|lower }}">{{ column_status }}</a>
                                        {% else %} 
                                            <a href="{{ sort_status }}">{{ column_status }}</a>
                                        {% endif %} 
                                    </td>
                                    
                                    <td class="text-right">{{ column_action }}</td>
                                </tr>
                            </thead>
                            <tbody>
                                {% if (comments) %} 
                                    {% for comment in comments %} 
                                        <tr>
                                            <td class="text-center">{% if comment['comment_id'] in selected|keys %}
                                                    <input type="checkbox" name="selected[]" value="{{ comment['comment_id'] }}" checked="checked" />
                                                {% else %} 
                                                    <input type="checkbox" name="selected[]" value="{{ comment['comment_id'] }}" />
                                                {% endif %}</td>
                                            <td class="text-left">{{ comment['content']|raw }}</td>
                                            <td class="text-left"><a href="{{ comment['article_href'] }}" target="_blank">{{ comment['article_title'] }}</a></td>
                                            <td class="text-left">{{ comment['name'] }}</td>
                                            <td class="text-left">{{ comment['email'] }}</td>
                                            <td class="text-center">{{ comment['date_added'] }}</td>
                                            <td class="text-center">{{ comment['status'] ? text_enabled : text_disabled }}</td>
                                            <td class="text-right"><a href="{{ comment['edit'] }}" data-toggle="tooltip" title="{{ button_edit }}" class="btn btn-primary"><i class="fa fa-pencil"></i></a></td>
                                        </tr>
                                    {% endfor %} 
                                {% else %} 
                                    <tr>
                                        <td class="text-center" colspan="8">{{ text_no_results }}</td>
                                    </tr>
                                {% endif %} 
                            </tbody>
                        </table>
                    </div>
                </form>
                <div class="row">
                    <div class="col-sm-6 text-left">{{ pagination }}</div>
                    <div class="col-sm-6 text-right">{{ results }}</div>
                </div>
            </div>
        </div>
    </div>
</div>
{{ footer }}