{#
    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" 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: 120px">Date de d&eacute;but</th>
        <th style="width: 120px">Date de fin</th>
        <th style="width: 20px">Jour</th>
        <th style="width: 20px">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="form-control input-sm" 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="form-control input-sm" 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="form-control input-sm" ng-model="operation.day"/>
          <span ng-show="isDisplaying(operation)">[[operation.day]]</span>
        </td>

        <td>
          <input ng-show="isEditing(operation)" type="text" class="form-control input-sm" ng-model="operation.frequency"/>
          <span ng-show="isDisplaying(operation)">[[operation.frequency]]</span>
        </td>

        <td>
          <input ng-show="isEditing(operation)" type="text" class="form-control input-sm" ng-model="operation.label"/>
          <span ng-show="isDisplaying(operation)">[[operation.label]]</span>
        </td>

        <td>
          <input ng-show="isEditing(operation)" type="text" class="form-control input-sm" ng-model="operation.value"/>
          <span ng-show="isDisplaying(operation)">[[operation.value]]</span>
        </td>

        <td>
          <input ng-show="isEditing(operation)" type="text" class="form-control input-sm" 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)">
            <button class="btn btn-xs btn-success" ng-click="saveOperation(operation)" title="Save">
                <span ng-class="iconSaveClass(operation)"></span>
            </button>

            <button class="btn btn-xs btn-default" ng-click="cancelEditOperation(operation)" title="Cancel">
                <span ng-class="iconCancelClass(operation)"></span>
            </button>
          </div>

          <div class="btn-group" ng-show="isDisplaying(operation)">
            <button class="btn btn-xs btn-default" ng-click="editOperation(operation)" title="edit">
                <span class="fa fa-pencil-square-o"></span>
            </button>

            <button class="btn btn-xs btn-default" bs-modal="'{{ url_for('frontend.static', filename='templates/operation_remove.html') }}'" title="remove">
                <span class="fa fa-trash-o"></span>
            </button>
          </div>
        </td>
      </tr>
    </tbody>
  </table>
</div>
{% endblock %}

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