{{ header }}{{ column_left }} 
<div id="content">
    <div class="page-header">
        <div class="container-fluid">
            <div class="pull-right"><a href="{{ add }}" data-toggle="tooltip" title="{{ button_add }}" class="btn btn-primary"><i class="fa fa-plus"></i></a> 
                <button type="button" data-toggle="tooltip" title="{{ button_delete }}" class="btn btn-danger" onclick="confirm('{{ text_confirm }}') ? $('#form-article').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">
                <div class="well">
                    <div class="row">
                        <div class="col-sm-11">
                            <div class="form-group">
                                <label class="control-label" for="input-title">{{ entry_title }}</label>
                                <input type="text" name="filter_title" value="{{ filter_title }}" placeholder="{{ entry_title }}" id="input-name" class="form-control" />
                            </div>
                        </div>
                        <div class="col-sm-1">
                            <button type="button" id="button-filter" style="margin-top: 23px" class="btn btn-primary pull-right"><i class="fa fa-search"></i> {{ button_filter }}</button>
                        </div>
                    </div>
                </div>
                
                
                <form action="{{ delete }}" method="post" enctype="multipart/form-data" id="form-article">
                    <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">{% if (sort == 'name') %} 
                                        <a href="{{ sort_title }}" class="{{ order|lower }}">{{ column_title }}</a>
                                        {% else %} 
                                        <a href="{{ sort_title }}">{{ column_title }}</a>
                                        {% endif %} 
                                    </td>
                                    <td class="text-right">{% if (sort == 'date_published') %} 
                                        <a href="{{ sort_date_published }}" class="{{ order|lower }}">{{ column_date_published }}</a>
                                        {% else %} 
                                        <a href="{{ sort_date_published }}">{{ column_date_published }}</a>
                                        {% endif %} 
                                    </td>
                                    <td class="text-right">{{ column_comments }}</td>
                                    <td class="text-right">{% if (sort == 'author') %} 
                                        <a href="{{ sort_author }}" class="{{ order|lower }}">{{ column_author }}</a>
                                        {% else %} 
                                        <a href="{{ sort_author }}">{{ column_author }}</a>
                                        {% endif %} 
                                    </td>
                                    <td class="text-right">{{ column_action }}</td>
                                </tr>
                            </thead>
                          <tbody>
                            {% if (articles) %} 
                            {% for article in articles %} 
                            <tr>
                              <td class="text-center">{% if article['article_id'] in selected|keys %} 
                                <input type="checkbox" name="selected[]" value="{{ article['article_id'] }}" checked="checked" />
                                {% else %} 
                                <input type="checkbox" name="selected[]" value="{{ article['article_id'] }}" />
                                {% endif %}</td>
                              <td class="text-left">{{ article['title'] }}</td>
                              <td class="text-right">{{ article['date_published'] }}</td>
                              <td class="text-right">{{ article['comments'] }}</td>
                              <td class="text-right">{{ article['author'] }}</td>
                              <td class="text-right"><a href="{{ article['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="6">{{ 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>
<script type="text/javascript"><!--
    $(function(){

        $('input[name=\'filter_title\']').keyup(function(e){
             if(e.keyCode == 13)
             {
                 $('#button-filter').trigger("click");
             }
        });

        $('#button-filter').click(function() {
            var url = 'index.php?route=extension/module/blog/article_list&user_token={{ user_token }}';

            var filter_title = $('input[name=\'filter_title\']').val();

            if (filter_title) {
                url += '&filter_title=' + encodeURIComponent(filter_title);
            }

            location = url;
        });  
    })
//--></script>
{{ footer }}