{% extends "base.html" %}

{% block title %}الأشخاص{% endblock %}

{% block content %}
<div class="container">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1><i class="fas fa-users"></i> الأشخاص</h1>
        <div>
            <a href="{{ url_for('exports.export_clients_excel') }}" class="btn btn-success me-2">
                <i class="fas fa-file-excel"></i> تصدير Excel
            </a>
            <a href="{{ url_for('clients.create') }}" class="btn btn-primary">
                <i class="fas fa-plus"></i> إضافة شخص
            </a>
        </div>
    </div>

    <!-- Search -->
    <div class="card mb-4">
        <div class="card-body">
            <form method="GET" action="{{ url_for('clients.index') }}" class="row g-3">
                <div class="col-md-10">
                    <input type="text" class="form-control" name="search" placeholder="البحث بالاسم..." value="{{ search }}">
                </div>
                <div class="col-md-2">
                    <button type="submit" class="btn btn-primary w-100">
                        <i class="fas fa-search"></i> بحث
                    </button>
                </div>
            </form>
        </div>
    </div>

    <!-- Clients Table -->
    <div class="card">
        <div class="card-body">
            {% if clients.items %}
                <div class="table-responsive">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>الاسم</th>
                                <th>عدد التسجيلات</th>
                                <th>تاريخ الإضافة</th>
                                <th>الإجراءات</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for client in clients.items %}
                                <tr>
                                    <td>
                                        <a href="{{ url_for('clients.view', id=client.id) }}" class="text-decoration-none">
                                            {{ client.name }}
                                        </a>
                                    </td>
                                    <td>
                                        <span class="badge bg-primary">{{ client.records.count() }}</span>
                                    </td>
                                    <td>{{ client.created_at.strftime('%Y-%m-%d') }}</td>
                                    <td>
                                        <div class="btn-group" role="group">
                                            <a href="{{ url_for('clients.view', id=client.id) }}" class="btn btn-sm btn-info">
                                                <i class="fas fa-eye"></i>
                                            </a>
                                            <a href="{{ url_for('clients.edit', id=client.id) }}" class="btn btn-sm btn-warning">
                                                <i class="fas fa-edit"></i>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>

                <!-- Pagination -->
                {% if clients.pages > 1 %}
                    <nav>
                        <ul class="pagination justify-content-center">
                            {% if clients.has_prev %}
                                <li class="page-item">
                                    <a class="page-link" href="{{ url_for('clients.index', page=clients.prev_num, search=search) }}">السابق</a>
                                </li>
                            {% endif %}

                            {% for page_num in clients.iter_pages() %}
                                {% if page_num %}
                                    <li class="page-item {{ 'active' if page_num == clients.page }}">
                                        <a class="page-link" href="{{ url_for('clients.index', page=page_num, search=search) }}">{{ page_num }}</a>
                                    </li>
                                {% endif %}
                            {% endfor %}

                            {% if clients.has_next %}
                                <li class="page-item">
                                    <a class="page-link" href="{{ url_for('clients.index', page=clients.next_num, search=search) }}">التالي</a>
                                </li>
                            {% endif %}
                        </ul>
                    </nav>
                {% endif %}
            {% else %}
                <p class="text-center text-muted">لا توجد بيانات</p>
                <div class="text-center">
                    <a href="{{ url_for('clients.create') }}" class="btn btn-primary">
                        <i class="fas fa-plus"></i> إضافة أول شخص
                    </a>
                </div>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}