{# templates/transactions/investor_profit_distribution.html #}
{% extends "pos/base.html" %}
{% load static %}

{% block title %}Profit Distribution{% endblock %}

{% block stylesheets %}
  <!-- DataTables CSS -->

{% endblock %}

{% block heading %}Profit Distribution{% endblock %}

{% block content %}
<div class="card shadow mb-4">
  <div class="card-header py-3">
    <h6 class="m-0 font-weight-bold text-primary">Distribute Profit to Investors</h6>
  </div>
  <div class="card-body">

    <form method="post">
      {% csrf_token %}
      <div class="form-row align-items-end mb-4">
        <div class="form-group col-md-4">
          <label>Total Profit to Share *</label>
          <input type="number" name="total_profit" step="0.01" class="form-control" required>
        </div>
        <div class="form-group col-md-4">
          <label>Distribution Date *</label>
          <input type="date" name="date" class="form-control" value="{{ today }}" required>
        </div>
        <div class="form-group col-md-4">
          <label>Source Account *</label>
          <select name="source_account" class="form-control" required>
            <option value="">-- Select Account --</option>
            {% for b in bank_accounts %}
            <option value="{{ b.t_id }}">{{ b.name }}</option>
            {% endfor %}
          </select>
        </div>
      </div>

      <div class="form-group form-check mb-4">
        <input type="checkbox" class="form-check-input" id="offset_advances"
               name="offset_advances">
        <label class="form-check-label" for="offset_advances">
          Deduct outstanding advances from the profit payout
        </label>
      </div>

      <div class="table-responsive mb-3">
        <table id="profitTable" class="table table-bordered table-hover">
          <thead class="thead-light">
            <tr>
              <th>#</th>
              <th>Investor</th>
              <th class="text-right">Capital</th>
              <th class="text-right">Share %</th>
              <th>Action</th>
            </tr>
          </thead>
          <tbody>
            {% for inv in investors %}
            <tr>
              <td>{{ forloop.counter }}</td>
              <td>{{ inv.name }}</td>
              <td class="text-right">{{ inv.balance|floatformat:2 }}</td>
              <td class="text-right">
                {% if total_cap %}
                  {% widthratio inv.balance total_cap 100 as pct %}
                  {{ pct|floatformat:2 }}%
                {% endif %}
              </td>
              <td>
                <select name="action_{{ inv.t_id }}" class="form-control">
                  <option value="PAYOUT">Payout</option>
                  <option value="REINVEST">Reinvest</option>
                  <option value="SAVE">Save</option>
                </select>
              </td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>

      <button type="submit" class="btn btn-primary">Distribute Profit</button>
      <a href="{% url 'transactions:investor_receipt_list' %}"
         class="btn btn-secondary ml-2">Cancel</a>
    </form>

  </div>
</div>
{% endblock %}

{% block javascripts %}

  <script>
    $(function(){
      $('#profitTable').DataTable({
        paging:   false,
        searching:false,
        info:     false,
        order:    [[1,'asc']]
      });
    });
  </script>
{% endblock %}