{% load i18n %}

<div id="deleterot" class="tab-pane fade" role="tabpanel">
    <div class="col" ng-controller="infoadmin_ctrl">
        <h2>{% trans "Rotations" %}</h2>
        <div>
            {% trans "Select rotation to edit" %}:
        </div>
        <table class="table table-striped">
            <tr>
                <th>{% trans "Rotation" %}</th>
                <th>{% trans "id" %}</th>
                <th>{% trans "Preview" %}</th>
                <th>{% trans "Delete" %}</th>
            </tr>
            <tr ng-repeat="r in rotations">
                <td>{$ r.name $}</td>
                <td>{$ r.id $}</td>
                <td><a class="btn btn-primary" href="/infoscreen/{$ r.id $}">{% trans "Preview" %}</a></td>
                <td><a class="btn btn-danger" href="#" ng-click="deleteRotation(r.id)">{% trans "Delete" %}</a></td>
            </tr>
            <tr>
                <td><input type="text" class="form-control" ng-model="r.name" placeholder="{% trans "Name" %}"></input></td>
                <td><input type="button" class="btn btn-success" ng-click="createRotation(r.name)" value="{% trans "Create new" %}"></input></td>
                <td></td>
                <td></td>
            </tr>
        </table>
    </div>
</div>