{% extends "base.html" %}
{% import 'components/macros.html' as ui %}

{% block title %}Customer Management - Gvelo Enterprise Platform{% endblock %}
{% block head_extra %}
<link rel="stylesheet" href="/static/style.css">
{% endblock %}
{% block content %}
<div class="container">

    <h1 class="brand">Gvelo Enterprise Platform</h1>

    <div class="card">

        <h2>Customer Management</h2>

        {{ ui.button('Add Customer', '/add-customer') }}

        <hr>

        {% for c in customers %}
            <div class="customer-item">
                <strong>{{ c[1] }}</strong> | {{ c[2] }}

                <br>
                ⭐ Points: {{ c[3] }} |
                💳 Credit: {{ currency_symbol }}{{ "%.2f"|format(c[4]) }}

                <br>

                <form method="POST" action="/add-points/{{ c[0] }}/10" class="hil-inline-cccfa4560d">
                    <button type="submit">Add 10 Points</button>
                </form>

                <form method="POST" action="/add-credit/{{ c[0] }}" class="hil-inline-cccfa4560d">
                    <label for="amount-{{ c[0] }}">Credit Amount:</label>
                    <input id="amount-{{ c[0] }}" name="amount" placeholder="Credit amount" type="number" step="0.01" min="0" required class="hil-inline-db4cf10b18">
                    <button type="submit">Add Credit</button>
                </form>
            </div>
            <hr>
        {% endfor %}

        <br>
        <a href="/admin">Back to Admin</a>

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