{% load i18n %}

<div id="slides" class="tab-pane fade show active" role="tabpanel">
    <div ng-controller="infoadmin_ctrl">
        <div class="col">
            <h2>{% trans "Create new item" %}</h2>
            <div>{% trans "Create a new item by type" %}</div>
            <table class="table table-striped">
                <tr>
                    <td>{% trans "Item type" %}</td>
                    <td>
                        <select class="form-control form-control-sm" ng-model="createtype", ng-options="t.name for t in infotypes | orderBy: 'name'">
                            <option value=""></option>
                        </select>
                    </td>
                </tr>
            </table>
            <div ng-include="createtype.create_template_url"></div>
        </div>
        <div class="col">
            <h2>{% trans "Info items" %}</h2>
            <div>{% trans "Infoitems available for rotations" %}</div>
            <table class="table table-striped">
                <tr>
                    <th>{% trans "Item" %}</th>
                    <th>{% trans "Type" %}</th>
                    <th>{% trans "Delete" %}</th>
                </tr>
                <tr ng-repeat="i in infoitems | orderBy:['display_name','name']">
                    <td>{$ i.name $}</td>
                    <td>{$ i.display_name $}</td>
                    <td><input type="button" class="btn btn-danger" ng-click="deleteItem(i.item_type, i.id);" value="{% trans "Delete" %}"></input></td>
                </tr>
            </table>
        </div>
    </div>
</div>