
<section class="PageHeader u-cf">

    <h1 class="PageHeader-title"><span>List</span> Brands</h1>
    <div class="PageHeader-wrapButton">
        <a href="<%= url({"module": "brands", "controller": "create"}, 'admin') %>" class="Button Button--large Button--action" title="Add a new brand">
            <i class="Button-icon fa fa-plus"></i>
            <span class="Button-text">Add a new brand</span>
        </a>
    </div>

</section>

{#
<div class="container text-left">
    <form ng-submit="search(form)" role="form">
        <div class="form-group">
            <label for="form-query">Query</label>
            <input type="text" ng-model="form.query" class="form-control" id="form-query" />
        </div>
        <button type="submit" class="Button Button--def">Search</button>
    </form>
</div>
#}

<div class="container">
    <div class="rwd-table-wrap">
        <div class="rwd-table-scroll">
            <div kendo-grid k-data-source="brands.dataSource" k-on-data-bound="brands.onDataBound(kendoEvent)" k-selectable="'multiple'" k-pageable='{ "refresh": true, "pageSizes": true, "buttonCount": 5 }'
                k-columns='[{ "field": "id", "title": "ID", "width": 50 }, { "field": "title", "title": "Name", "template": "<a href=\"<%= url({"module": "brands", "controller": "edit"}, 'admin') %>#=id#/\">#=title#</a>" }, { "field": "created_at", "title": "Created" }, { "title": "Action", "width": 100, "template": "<a class=\"Button Button--xsmall Button--neutral\" href=\"<%= url({"module": "brands", "controller": "delete"}, 'admin') %>#=id#/\">Delete</a>" }]'>
            </div>
        </div>
    </div>
</div>
