{{ header }} {{ column_left }}
<div id="content">
    <div class="page-header">
        <div class="container-fluid">
            <div class="pull-right">
                <a href="{{ add }}" class="btn btn-primary"><i class="fa fa-plus"></i> {{ button_add }}</a>
                <button type="button" class="btn btn-danger" onclick="confirm('<?php echo $text_confirm; ?>') ? $('#form-store-opening').submit() : false;"><i class="fa fa-trash-o"></i> {{ button_delete }}</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 %}
        {% if fail_save %}
            <div class="alert alert-danger"><i class="fa fa-exclamation-circle"></i> {{ fail_save }}
                <button type="button" class="close" data-dismiss="alert">&times;</button>
            </div>
        {% endif %}
        <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-6">
                            <div class="form-group">
                                <label class="control-label" for="input-day">{{ entry_day }}</label>
                                <select name="filter_day" id="input-day" class="form-control">
                                    <option value="*"></option>
                                    {% for day in days %}
                                        {% if day.full_day == filter_day %}
                                            <option value="{{ day.full_day }}" selected="selected">{{ day.text_day }}</option>
                                        {% else %}
                                            <option value="{{ day.full_day }}">{{ day.text_day }}</option>
                                        {% endif %}
                                    {% endfor %}
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label class="control-label" for="button-filter">&nbsp;</label>
                                <button type="sumbmit" id="button-filter" class="btn btn-primary" style="display:block"><i class="fa fa-search"></i> {{ button_filter }}</button>
                            </div>
                        </div>
                    </div>
                </div>
                <form action="{{ delete }}" method="post" enctype="multipart/form-data" id="form-store-opening">
                    <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_day }}
                                    </td>
                                    <td class="text-left">
                                        {{ column_working }}
                                    </td>
                                    <td class="text-right">{{ column_action }}</td>
                                </tr>
                            </thead>
                            <tbody>
                                {% if store_openings %}
                                    {% for open in store_openings %}
                                        <tr>
                                            <td class="text-center">
                                                {% if store_opening_id.store in selected %}
                                                    <input type="checkbox" name="selected[]" value="{{ open.store_opening_id }}" checked="checked" />
                                                {% else %}
                                                    <input type="checkbox" name="selected[]" value="{{ open.store_opening_id }}" />
                                                {% endif %}
                                            </td>
                                            <td class="text-left">{{ open.day }}</td>
                                            <td class="text-left">{{ open.working_hours }}</td>
                                            <td class="text-right">
                                                <a href="{{ open.edit }}" class="btn btn-primary"><i class="fa fa-pencil"></i> {{ button_edit }}</a>
                                            </td>
                                        </tr>
                                    {% endfor %}
                                {% else %}
                                    <tr>
                                        <td class="text-center" colspan="4">{{ 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>
    <script type="text/javascript">
        $('#button-filter').on('click', function () {
            url = 'index.php?route=setting/store_opening&user_token={{ user_token }}';

            var filter_day = $('select[name=\'filter_day\']').val();

            if (filter_day != '*') {
                url += '&filter_day=' + encodeURIComponent(filter_day);
            }

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