{% extends 'base.html' %}

{% block content %}
    <h1 class="title">IPTV Clients</h1>
    <a href="{{ url_for('add_client') }}" class="add-client-link">Add New Client</a>
    <form action="{{ url_for('search') }}" method="get" class="search-form">
        <input type="text" name="query" placeholder="Search Clients..." class="search-input">
        <button type="submit" class="submit-button">Search</button>
    </form>

    {% if alert_clients %}
        {% for client in alert_clients %}
            <div class="alert-message">
                Client {{ client.client_number }} is set to expire on {{ client.expiry_date }}.
            </div>
        {% endfor %}
    {% endif %}

    <table class="clients-table">
        <tr class="table-header">
            <th>Client Number</th>
            <th>Phone</th>
            <th>Email</th>
            <th>Username</th>
            <th>Panel Name</th>
            <th>Expiry Date</th>
            <th>Actions</th>
        </tr>
        {% for client in clients %}
            <tr class="table-row">
                <td>{{ client.client_number }}</td>
                <td>{{ client.phone }}</td>
                <td>{{ client.email }}</td>
                <td>{{ client.iptv_username }}</td>
                <td>{{ client.panel_name }}</td>
                <td>{{ client.expiry_date }}</td>
                <td class="action-links">
                    <a href="{{ url_for('edit_client', id=client.id) }}" class="edit-link">Edit</a> |
                    <a href="{{ url_for('delete_client', id=client.id) }}" class="delete-link">Delete</a>
                </td>
            </tr>
        {% endfor %}
    </table>
{% endblock %}