{% extends "base.html" %} {% block title %}Fee Configuration{% endblock %} {%
block content %}
<div class="container mt-4">
  <div class="row">
    <div class="col-md-12">
      <h2>Fee Configuration</h2>

      {% if message %}
      <div class="alert alert-success alert-dismissible fade show" role="alert">
        {{ message }}
        <button
          type="button"
          class="btn-close"
          data-bs-dismiss="alert"
          aria-label="Close"
        ></button>
      </div>
      {% endif %}

      <div class="card">
        <div class="card-header">
          <h5>Configure Pairing Fees</h5>
        </div>
        <div class="card-body">
          <form method="post" action="/dashboard/config/fees/save">
            <div class="table-responsive">
              <table class="table table-striped">
                <thead>
                  <tr>
                    <th>Pairing</th>
                    <th>Crypto/Crypto Maker</th>
                    <th>Crypto/Crypto Taker</th>
                    <th>Crypto/Fiat Maker</th>
                    <th>Crypto/Fiat Taker</th>
                  </tr>
                </thead>
                <tbody>
                  {% for pairing in pairings %}
                  <tr>
                    <td>
                      {{ pairing.base_asset }}/{{ pairing.quote_asset }}
                      <input
                        type="hidden"
                        name="pairing_id_{{ pairing.id }}"
                        value="{{ pairing.id }}"
                      />
                    </td>
                    <td>
                      <input
                        type="number"
                        step="0.0001"
                        min="0"
                        max="0.05"
                        class="form-control"
                        name="maker_fee_{{ pairing.id }}"
                        placeholder="0.0010"
                      />
                    </td>
                    <td>
                      <input
                        type="number"
                        step="0.0001"
                        min="0"
                        max="0.05"
                        class="form-control"
                        name="taker_fee_{{ pairing.id }}"
                        placeholder="0.0020"
                      />
                    </td>
                    <td>
                      <input
                        type="number"
                        step="0.0001"
                        min="0"
                        max="0.05"
                        class="form-control"
                        name="maker_fee_{{ pairing.id }}_fiat"
                        placeholder="0.0010"
                        readonly
                      />
                    </td>
                    <td>
                      <input
                        type="number"
                        step="0.0001"
                        min="0"
                        max="0.05"
                        class="form-control"
                        name="taker_fee_{{ pairing.id }}_fiat"
                        placeholder="0.0020"
                        readonly
                      />
                    </td>
                  </tr>
                  {% endfor %}
                </tbody>
              </table>
            </div>
            <button type="submit" class="btn btn-primary">Save Fees</button>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}