{% extends "base.html" %}

{% load costs %}


{% block rail %}

{% if document.comment_html %}

<div class="ui segment">
  <p>
    <a class="ui ribbon left label">Notes</a>
{{ document.comment_html|safe }}
  </p>
</div>
{% endif %}

<div class="ui vertical fluid menu">
{% if request.user.is_staff %}
<a href="{% url 'admin:costs_document_change' document.id %}" class="item">
  <i class="edit icon"></i>
    Éditer
</a>
{% endif %}

  <div class="item">
      <div class="ui simple dropdown">
      Comparer à…
          <ul class="menu">
          {% for i in other_documents %}
              <li class="item"><a href="{% url 'compare-document' document.pk i.pk %}">{{ i.name }}</a></li>
          {% endfor %}
          </ul>
      </div>
      <i class="clock icon"></i>
</div>



{% endblock %}


{% block content %}
{% if document.type == document.TYPE_PLAN %}
<div class="ui yellow icon message">
      <i class="warning icon"></i>
      <div class="content">
        <p>
          Ce document est un document de travail, exposant un scénario, et non
un relevé.
        </p>
      </div>
</div>
{% endif %}
<section class="ui row">
<h2>Services proposés aux adhérents</h2>

<p class="ui text container">
  Combien chaque abonnement à un service coûte à l'association ?
</p>

<ul class="ui text container">
{% for service in document.service_set.subscribables %}
  <li>
    <a href="{{ service.get_absolute_url }}">{{ service.name }}</a>
    ({{ service.get_prices.unit_consolidated_cost|price }} /mois)
  </li>
{% empty %}
  <li>Pas de service pour l'instant.</li>
{% endfor %}
</ul>

</section>

<section class="ui row">
<h2>Que paye {{ settings.ORGANIZATION_NAME }} chaque mois ?</h2>

<div class="ui text container">
<p>
Coûts facturés à l'association mensuellement pour fournir l'ensemble des services.
</p>

<table class="ui structured table">
  <thead>
    <tr>
      <th>Désignation</th><th>Forfait souscrit</th>
      <th>Coût mensuel</th>
    </tr>
  </thead>
  <tbody>

{% for cost in document.cost_set.all %}
    <tr>
      <td>
       {{ cost.name }}
        {% if cost.description %}
        <a href="#" title="{{ cost.description }}">
          <i class="info circle icon"></i>
        </a>
        {% endif %}
      </td>
      <td>
        {% if cost.capacity_unit %}
        {{ cost.total_capacity|human_round }} {{ cost.get_capacity_unit_display }}
        {% else %}
        n/a
        {% endif %}
      </td>
      <td>{{ cost.price|price }}</td>
    </tr>
{% empty %}
  <tr><td>Pas de coût pour l'instant.</td></tr>
{% endfor %}
  </tbody>
  <tfoot>
    <tr><th colspan="2">Total mensuel</th><th>{{ total_recuring_costs|price }}</th></tr>
  </tfoot>
</table>

</section>

<section class="ui row">
  <h2>Matériel et frais d'accès</h2>

  <div class="ui text container">
  <p>
    Sont listés ici les investissements que l'association n'a a payer qu'une
    fois. Le coût d'achat est réparti entre les différents services. De plus,
  chaque mois, de l'argent est mis de côté pour veiller au remplacement de ce
  matériel lorsque celui-ci arrivera en fin de vie (<em>
{{ document.good_set.monthly_provision_total|price }}</em> ce mois-ci).
    </p>
<table class="ui structured table">
  <thead>
    <tr>
      <th>Désignation</th>
      <th>Coût d'achat</th>
    </tr>
  </thead>
  <tbody>

{% for good in document.good_set.all %}
  <tr>
    <td>
     {{ good.name }}
      {% if good.description %}
      <a href="#" title="{{ good.description }}">
        <i class="info circle icon"></i>
      </a>
      {% endif %}
    </td>
    <td>
      {{good.price|price }}
    </td>
  </tr>
{% empty %}
  <tr><td>Pas de matériel pour l'instant.</td></tr>
{% endfor %}
  <tfoot>
    <tr><th>Total</th><th>{{ total_goods|price }}</th></tr>
  </tfoot>
</table>
</div>
</section>
{% endblock %}
