{#
    This file is part of Accountant.

    Accountant is free software: you can redistribute it and/or modify
    it under the terms of the GNU Affero General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    Foobar is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU Affero General Public License for more details.

    You should have received a copy of the GNU Affero General Public License
    along with Accountant.  If not, see <http://www.gnu.org/licenses/>.
#}
{% extends "layout.html" %}
{% block body %}
<!-- Row with entry table -->
<div class="row-fluid" ng-controller="SchedulerController">
  <table class="table table-striped table-condensed table-hover">
    <!-- Head of the table containing column headers and size -->
    <thead>
      <tr>
        <th style="width: 100px">Date de d&eacute;but</th>
        <th style="width: 100px">Date de fin</th>
        <th style="width: 50px">Jour</th>
        <th style="width: 50px">Fr&eacute;q.</th>
        <th>Libell&eacute; de l'op&eacute;ration</th>
        <th style="width: 50px">Montant</th>
        <th style="width: 100px">Cat&eacute;gorie</th>
        <th style="width: 60px">Actions</th>
      </tr>
    </thead>

    <!-- Body of the table containing the entries -->
    <tbody>
      <tr id="operation_[[operation.id]]" class="form-inline" ng-class="operationRowClass(operation.sold)" ng-repeat="operation in operations">
        <td>
          <input ng-show="isEditing(operation)" type="text" class="input-small" ng-model="operation.start_date" data-date-format="yyyy-mm-dd" bs-datepicker/>
          <span ng-show="isDisplaying(operation)">[[operation.start_date]]</span>
        </td>
        <td>
          <input ng-show="isEditing(operation)" type="text" class="input-small" ng-model="operation.stop_date" data-date-format="yyyy-mm-dd" bs-datepicker/>
          <span ng-show="isDisplaying(operation)">[[operation.stop_date]]</span>
        </td>
        <td>
          <input ng-show="isEditing(operation)" type="text" class="input-mini" ng-model="operation.day"/>
          <span ng-show="isDisplaying(operation)">[[operation.day]]</span>
        </td>
        <td>
          <input ng-show="isEditing(operation)" type="text" class="input-mini" ng-model="operation.frequency"/>
          <span ng-show="isDisplaying(operation)">[[operation.frequency]]</span>
        </td>
        <td>
          <input ng-show="isEditing(operation)" type="text" class="input-xxlarge" ng-model="operation.label"/>
          <span ng-show="isDisplaying(operation)">[[operation.label]]</span>
        </td>
        <td>
          <input ng-show="isEditing(operation)" type="text" class="input-mini" ng-model="operation.value"/>
          <span ng-show="isDisplaying(operation)">[[operation.value]]</span>
        </td>
        <td>
          <input ng-show="isEditing(operation)" type="text" class="input-small" ng-model="operation.category" bs-typeahead="categories"/>
          <span ng-show="isDisplaying(operation)">[[operation.category]]</span>
        </td>
        <td>
          <div class="btn-group" ng-show="isEditing(operation)">
            <a class="btn btn-mini btn-success" ng-click="saveOperation(operation)" href="#operation_[[operation.id]]" title="Save"><i ng-class="iconSaveClass(operation)"><span style="display: none">Save</span></i></a>
            <a class="btn btn-mini" ng-click="cancelEditOperation(operation)" href="#operation_[[operation.id]]" title="Cancel"><i ng-class="iconCancelClass(operation)"><span style="display: none">Cancel</span></i></a>
          </div>
          <div class="btn-group" ng-show="isDisplaying(operation)">
            <a class="btn btn-mini" ng-click="editOperation(operation)" href="#operation_[[operation.id]]" title="edit"><i class="icon-edit"><span style="display: none">Edit</span></i></a>
            <a class="btn btn-mini" bs-modal="'{{ url_for('static', filename='templates/operation_remove.html') }}'" href="#operation_[[operation.id]]" title="remove"><i class="icon-trash"><span style="display: none">Remove</span></i></a>
          </div>
        </td>
      </tr>
    </tbody>
  </table>
</div>
{% endblock %}

{% block js %}
<script type="text/javascript" src="{{ url_for('static', filename='js/months.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='js/accounts.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='js/scheduler.js') }}"></script>
{% endblock %}