{{#extends "_layout"}}
    {{#override "menu"}}{{> _menu}}{{/override}}

    {{#override "content"}}
	    <h1 class="contenttitle">{{title}}:</h1> 
        {{l10n "This page displays a list of company operators."}}

        <br />
        <br />

        {{> _errors}}

        <form name="agentsForm" method="get" action="{{route "operators"}}">
            <div class="form-wrapper">
                <div class="form-header">
                    <div class="form-header-inwards"></div>
                </div>

                <div class="form-inwards">
                    <div class="col-md-6">
                        <div class="col-md-2"><label class="textlabel">{{l10n "Sort by:"}}</label></div>
                        <div class="col-md-6">
						<select name="sortby" onchange="this.form.submit();" class="form-control">
                            {{#each availableOrders}}
                                <option value="{{id}}"{{#ifEqual id ../formsortby}} selected="selected"{{/ifEqual}}>{{name}}</option>
                            {{/each}}
                        </select>
						</div>
                    </div>

                    <div class="col-md-6">
                        <div class="col-md-3"><label class="textlabel">{{l10n "Sort direction:"}}</label></div>
                        <div class="col-md-6">
						<select name="sortdirection" onchange="this.form.submit();" class="form-control">
                            {{#each availableDirections}}
                                <option value="{{id}}"{{#ifEqual id ../formsortdirection}} selected="selected"{{/ifEqual}}>{{name}}</option>
                            {{/each}}
                        </select>
						</div>
                    </div>

                    <br clear="all"/>
                </div>

                <div class="form-footer">
                    <div class="form-footer-inwards"></div>
                </div>
            </div>
        </form>
        <br />

        {{#if canmodify}}
            <div class="table-toolbar">
                <a href="{{route "operator_add"}}" title="{{l10n "Add operator..."}}">
                    <span class="glyphicon glyphicon-plus icontext"></span>{{l10n "Add operator..."}}
                </a>
            </div>
            <br clear="all"/>
        {{/if}}

        <table class="list" border="1px">
            <thead>
                <tr class="header">
                    <th>{{l10n "Login"}}</th>
                    <th>{{l10n "Name"}}</th>
                    <th>{{l10n "Last active"}}</th>
                    {{#if canmodify}}
                        <th>Status</th>
                        <th>Action</th>
                    {{/if}}
                </tr>
            </thead>

            <tbody>
                {{#each allowedAgents}}
                    <tr>
                        <td class="not-last">
                            <a href="{{route "operator_edit" operator_id=operatorid}}" class="man">
                                {{vclogin}}
                            </a>
                        </td>

                        <td class="not-last">
                            {{vclocalename}} / {{vccommonname}}
                        </td>

                        <td class="not-last">
                            {{#ifAny isAvailable isAway}}
                                {{#if isAvailable}}
                                    {{l10n "Online"}}
                                {{else}}
                                    {{l10n "Away"}}
                                {{/if}}
                            {{else}}
                                {{formatDate lastTimeOnline}}
                            {{/ifAny}}
                        </td>

                        {{#if ../canmodify}}
                            <td>
                                {{#if isDisabled}}
                                    <span class="glyphicon glyphicon-ok-circle icontext colorgreen"></span><a href="{{csrfProtectedRoute "operator_enable" operator_id=operatorid}}">{{l10n "Enable"}}</a>
                                {{else}}
                                    <span class="glyphicon glyphicon-ban-circle icontext colorred"></span><a href="{{csrfProtectedRoute "operator_disable" operator_id=operatorid}}">{{l10n "Disable"}}</a>
                                {{/if}}
                            </td>

                            <td>
							    <a href="{{route "operator_edit" operator_id=operatorid}}" class="mr10">
								    <span class="glyphicon glyphicon-edit icontext"></span>{{l10n "Edit"}}
							    </a>
                                <a class="remove-link" href="{{csrfProtectedRoute "operator_delete" operator_id=operatorid}}" data-operator-login="{{vclogin}}">
                                    <span class="glyphicon glyphicon-trash icontext"></span>{{l10n "Remove"}}
                                </a>
                            </td>
                        {{/if}}
                    </tr>
                {{/each}}
            </tbody>
        </table>
    {{/override}}
{{/extends}}