{% extends "admin/layout.html" %}
{% let active_page = "clients" %}

{% block title %}{{ t.clients_title }}{% endblock %}

{% block content %}
<div class="page-head">
    <h1>{{ t.clients_title }}</h1>
    <div>
        {% if show_all %}
            <a href="/admin/clients?lang={{ lang.code() }}" class="button is-small is-light">{{ t.filter_show_active }}</a>
        {% else %}
            <a href="/admin/clients?lang={{ lang.code() }}&all=1" class="button is-small is-light">{{ t.filter_show_all }}</a>
        {% endif %}
        <a href="/admin/clients/new?lang={{ lang.code() }}" class="button is-primary is-small">+ {{ t.clients_add_button }}</a>
    </div>
</div>

{% if clients.is_empty() %}
    <p class="has-text-grey">{{ t.clients_empty }}</p>
{% else %}
    {% for client in &clients %}
    <div class="item-card">
        <div class="item-card-header">
            <a href="/admin/clients/{{ client.id }}/edit?lang={{ lang.code() }}" class="name" style="text-decoration:none;color:inherit;">
                <span style="display:inline-block;width:12px;height:12px;border-radius:50%;background:{{ client.color.as_deref().unwrap_or("#7c6ed4") }};margin-right:6px;vertical-align:middle;"></span>{{ client.name }}
            </a>
            <span class="badge badge-{{ client.status }}">{{ t.client_status(&client.status) }}</span>
        </div>
        <div class="item-card-meta">
            {% if let Some(phone) = client.phone.as_deref() %}
                <span><a href="tel:{{ phone }}" style="color:inherit;text-decoration:none;">📞 {{ phone }}</a></span>
            {% endif %}
            {% if let Some(email) = client.email.as_deref() %}
                <span>✉️ {{ email }}</span>
            {% endif %}
            {% if let Some(addr) = client.address.as_deref() %}
                <span>📍 {{ addr }}</span>
            {% endif %}
        </div>
    </div>
    {% endfor %}
{% endif %}
{% endblock %}