<div class="row" ng-controller="infoadmin_ctrl">
    <div class="col-xs-12 col-md-6">
        <h2>Info items</h2>
        <div>Infoitems available for rotations:</div>
        <table class="table table-striped">
            <tr><th>Item</th><th>Set duration</th><th>Add to rotation</th><th>Delete</th></tr>
            <tr ng-repeat="i in infoitems">
                <td>{{i.name}}</td>
                <td><input type="text" ng-model="i.duration"></input></td>
                <td><input type="button" class="btn btn-success" ng-click="createInstance(selected_rot.id, i.id, i.item_type, i.duration);" value="add"></input></td>
                <td><input type="button" class="btn btn-danger" ng-click="deleteItem(i.item_type, i.id);" value="delete"></input></td>
            </tr>
        </table>
        <h2>Create new item</h2>
        Item type
        <select ng-model="createtype", ng-options="t.name for t in infotypes">
            <option value=""></option>
        </select>
        <div ng-include="createtype.create_template_url"></div>
    </div>
    <div class="col-xs-12 col-md-6">
        <h2>Rotations</h2>
        <div>
            Select rotation to edit:
        </div>
        <table class="table table-striped">
            <tr><th>Rotation</th><th>Select</th></tr>
            <tr ng-repeat="r in rotations">
                <td>{{r.name}}</td>
                <td><input type="button" class="btn btn-info" ng-click="selectRotation(r.id)" value="select"></td>
            </tr>
    </table>
        <h2>Rotation: {{selected_rot.name}}</h2>
        <div>Instances in currently selected rotation:</div>
        <table class="table table-striped">
            <tr><th>Instance</th><th>Duration</th><th>Delete</th></tr>
        <tr ng-repeat="i in selected_rot.instances">
            <td>{{i.item.name}}</td><td>{{i.duration}}s</td>
            <td><input type="button" ng-click="deleteInstance(i.id);" value="delete" class="btn btn-danger"></input><td>
        </tr>
        </table
    </div>

</div
