{% extends "costs/base.html" %}

{% load costs %}

{% block rail %}

  <div class="ui tag labels">
    <div class="ui label blue">
      {{ service.subscriptions_count }}
      <div class="detail">abonnements</div>

    </div>
    <br>
  {% if document.type == document.TYPE_PLAN %}
  <a class="ui label orange" title="Ce document se base sur des estimations">
    {{ document.get_type_display }}
  </a>
  {% else %}
  <span class="ui label">
    {{ document.get_type_display }}
    <div class="ui detail">{{ document.date|date:"b Y" }}</div>
  </span>
  {% endif %}
  </div>

  <div class="ui segment" style="width: 100%">
  <p>
    <a class="ui ribbon left label">Notes</a>
{{ service.description_html|safe }}
  </p>
  </div>
  {% if request.user.is_staff %}
  <a href="{% url 'admin:costs_service_change' service.id %}" class="ui button">
    <i class="edit icon"></i>
    Éditer
  </a>
  {% endif %}
{% endblock %}


{% block content %}
  <section class="text container ui row">
    <div class="ui icon message">
      <i class="money icon"></i>
      <div class="content">
        <div class="header">

        </div>
        <p>
          La fourniture d'un abonement <em>{{ service.name }}</em> coûte <strong>{{ consolidated_cost|price }}</strong> par mois à l'association.
        </p>
      </div>
    </div>
    <div class="segment">
      <p>
Ce détail du <em>prix coûtant</em> vous permet de choisir le <strong>prix
  libre</strong> de votre abonnement.
      </p>
      <p>
Le but n'est pas que tout le monde paye le prix coûtant, mais plutôt que chacun
contribue selon ses moyens financiers et sa volonté ; les personnes payant plus
  finançant <strong>solidairement</strong> le service pour ceux qui payent moins.
      </p>
      <p>
Outre le coût mensuel, il est important de noter que <strong>l'association a
besoin d'une marge</strong> pour développer son activité, lancer de nouveaux
chantiers, et parer aux imprévus. Bien qu'elle n'apparaisse pas ici, il est
  donc nécessaire d'inclure cette marge dans votre calcul.
      </p>
    </div>
  </section>


  <table class="ui celled  table">
    <thead>
      <tr><th>Désignation</th><th class="right aligned">Coût mensuel par abonnement</th></tr>
    </thead>
    <tbody>
      <tr>
        <td>
          + Coût mensuel
          <a href="#recuring-details"><i class="info yellow circle icon" title="Détails"></i></a>
        </td>
        <td class="right aligned">{{ unit_recurring_price|price }}</td>
      </tr>
      <tr>
        <td>
          + Coût de mise service (réparti sur 36 mois)
          <a href="#setup-details"><i class="info green circle icon"></i></a>
        </td>
        <td class="right aligned">{{ monthly_fas|price }}</td>
      </tr>
    </tbody>
    <tfoot>
      <tr>
        <th><strong>= Coût mensuel total</strong></th><th class="right aligned"><strong>{{ consolidated_cost|price }}</strong></th>
      </tr>
    </tfoot>
    </table>

  <h2 id="recuring-details"><i class="info yellow circle icon"></i>Détail des coûts mensuels</h2>

  <section class="ui row">

    <div class="ui text container">
  <p>
    <em>L'amortissement</em> permet à l'association d'anticiper le renouvellement du matériel lorsqu'il casse ou devient obsolète.
  </p>
  <p>
   Le <em>récurrent</em> correspond aux coûts que l'association doit payer chaque mois à ses fournisseurs.
  </p>
    </div>

  <table class="ui celled structured table">
    <thead>
      <tr>
        <th>Type</th><th>Nom</th><th class="right aligned">Coût mensuel <br> (par abonnement)</th>
      </tr>
    </thead>
    <tbody>
  {% for usage in goods_uses %}
      <tr>
      {% if forloop.first %}
        <td rowspan="{{ goods_uses|length }}">Amortissement</td>
      {% endif %}
        <td>
       {{ usage.resource.name }}
          <span class="bare-info">
       {% if usage.resource.capacity_unit %}
           ({{ usage.unit_share|human_round }} {{ usage.resource.get_capacity_unit_display }})
         {% else %}
           ({{ usage.unit_real_share|percent }})
         {% endif %}
          </span>
        </td>
        <td class="right aligned">{{ usage.unit_monthly_provision_share|price }}</td>
      </tr>
  {% endfor %}
  {% for usage in costs_uses %}
      <tr>
      {% if forloop.first %}
        <td rowspan="{{ costs_uses|length }}">Récurrent</td>
      {% endif %}
        <td>
      {{ usage.resource.name }}
          <span class="bare-info">
               {% if usage.resource.capacity_unit %}
           ({{ usage.unit_share|human_round }} {{ usage.resource.get_capacity_unit_display }})
         {% else %}
           ({{ usage.unit_real_share|percent }})
         {% endif %}
          </span>
        </td>
        <td class="right aligned">{{ usage.unit_cost_share|price }}</td>
      </tr>
  {% endfor %}
  {% for usage in services_uses %}
      <tr>
      {% if forloop.first %}
        <td rowspan="{{ costs_uses|length }}">Récurrent (service)</td>
      {% endif %}
        <td>
          <a href="{{ usage.resource.get_absolute_url }}">service {{ usage.resource.name }}</a>
          <span class="bare-info">
         {% if usage.resource.capacity_unit %}
           ({{ usage.unit_share|human_round }} {{ usage.resource.get_capacity_unit_display }})
         {% else %}
           ({{ usage.unit_real_share|percent }})
         {% endif %}
          </span>
        </td>
        <td class="right aligned">{{ usage.unit_cost_share|price }}</td>
      </tr>
  {% endfor %}
    </tbody>
  </table>
</section>
  <h2 id="setup-details"><i class="info green circle icon"></i>Détail des coûts de mise en service</h2>


<section class="ui row">

  <div class="ui text container">
    <p>
      Des coûts ont lieu au moment de la mise en service d'un nouvel abonnement (ex: achat de matériel). Afin d'éviter un coût trop important pour l'adhérent, l'association propose d'étaler ce coût sur 3 ans.
    </p>
    <p>
      Libre à vous, si vous souhaitez aider la trésorie de l'asso de payer vos 6 premiers mois de l'abonnement d'un coup.
    </p>
  </div>
  <table class="ui celled structured table">
    <thead>
      <tr>
        <th>Nom</th><th>Coût (par nouvel abonnement)</th>
      </tr>
    </thead>
    <tbody>
{% for good_use in goods_uses %}
      <tr>
        <td>{{ good_use.resource.name }}</td>
        <td>{{ good_use.unit_value_share|price }}</td>
      </tr>
{% endfor %}
{% for service_use in services_uses %}
      <tr>
        <td>
          FAS service
          <a href="{{ service_use.resource.get_absolute_url }}">
            {{ service_use.resource.name }}
          </a>
        </td>
        <td>{{ service_use.unit_value_share|price }}</td>
      </tr>
{% endfor %}

    </tbody>
  </table>

  <p class="ui text container"></p>

</section>

{% endblock %}
