delphi-database-v2/app/templates/rolodex.html

{% extends "base.html" %}

{% block title %}Rolodex · Delphi Database{% endblock %}

{% from "partials/answer_table_macros.html" import results_summary, pagination, answer_table, bulk_actions_bar %}

{% block content %}
<div class="row g-3 align-items-center mb-3">
    <div class="col-auto">
        <h2 class="mb-0">Rolodex</h2>
    </div>
    <div class="col ms-auto">
        <form class="row g-2" method="get" action="/rolodex">
            <div class="col-md">
                <input class="form-control" type="search" name="q" placeholder="Search name or company" aria-label="Search" value="{{ q or '' }}">
            </div>
            <div class="col-md">
                <input class="form-control" type="search" name="phone" placeholder="Phone contains" aria-label="Phone" value="{{ phone or '' }}">
            </div>
            <div class="col-auto">
                <input type="hidden" name="page_size" value="{{ page_size }}">
                <button class="btn btn-outline-primary" type="submit">
                    <i class="bi bi-search me-1"></i>Search
                </button>
            </div>
            <div class="col-auto">
                <a class="btn btn-outline-secondary" href="/rolodex">
                    <i class="bi bi-x-circle me-1"></i>Clear
                </a>
            </div>
            <div class="col-auto">
                <a class="btn btn-primary" href="/rolodex/new">
                    <i class="bi bi-plus-lg me-1"></i>New Client
                </a>
            </div>
        </form>
    </div>
    <div class="col-12 text-muted small">{{ results_summary(start_index, end_index, total) }}</div>
    <div class="col-12">
        <div class="table-responsive">
            {% set headers = [
                { 'title': 'Name', 'width': '220px' },
                { 'title': 'Company' },
                { 'title': 'Address' },
                { 'title': 'City' },
                { 'title': 'State', 'width': '80px' },
                { 'title': 'ZIP', 'width': '110px' },
                { 'title': 'Phones', 'width': '200px' },
                { 'title': 'Actions', 'width': '140px', 'align': 'end' },
            ] %}
            {% call(answer_table(headers, form_action='/reports/phone-book', select_name='client_ids', enable_bulk=enable_bulk)) %}
                {% if clients and clients|length > 0 %}
                    {% for c in clients %}
                    <tr>
                        {% if enable_bulk %}
                        <td><input class="form-check-input" type="checkbox" name="client_ids" value="{{ c.id }}"></td>
                        {% endif %}
                        <td><span class="fw-semibold">{{ c.last_name or '' }}, {{ c.first_name or '' }}</span></td>
                        <td>{{ c.company or '' }}</td>
                        <td>{{ c.address or '' }}</td>
                        <td>{{ c.city or '' }}</td>
                        <td>{{ c.state or '' }}</td>
                        <td>{{ c.zip_code or '' }}</td>
                        <td>
                            {% if c.phones and c.phones|length > 0 %}
                                {% for p in c.phones[:3] %}
                                    <span class="badge bg-light text-dark me-1">{{ p.phone_number }}</span>
                                {% endfor %}
                            {% else %}
                                <span class="text-muted">—</span>
                            {% endif %}
                        </td>
                        <td class="text-end">
                            <a class="btn btn-sm btn-outline-primary" href="/rolodex/{{ c.id }}">
                                <i class="bi bi-person-lines-fill me-1"></i>View
                            </a>
                        </td>
                    </tr>
                    {% endfor %}
                {% else %}
                    <tr>
                        <td colspan="8" class="text-center text-muted py-4">No clients found.</td>
                    </tr>
                {% endif %}
            {% endcall %}

            {% if enable_bulk %}
                {% call(bulk_actions_bar()) %}
                    <button type="submit" class="btn btn-outline-secondary">
                        <i class="bi bi-journal-text me-1"></i>Phone Book (Selected)
                    </button>
                    <a class="btn btn-outline-secondary" href="/reports/phone-book?format=csv{% if q %}&q={{ q | urlencode }}{% endif %}">
                        <i class="bi bi-filetype-csv me-1"></i>Phone Book CSV (Current Filter)
                    </a>
                    <a class="btn btn-outline-secondary js-submit-to" data-action="/reports/phone-book-address" href="#">
                        <i class="bi bi-journal-text me-1"></i>Phone+Address (Selected)
                    </a>
                    <a class="btn btn-outline-secondary js-submit-to" data-action="/reports/envelope" href="#">
                        <i class="bi bi-envelope me-1"></i>Envelope (Selected)
                    </a>
                    <a class="btn btn-outline-secondary js-submit-to" data-action="/reports/rolodex-info" href="#">
                        <i class="bi bi-card-text me-1"></i>Rolodex Info (Selected)
                    </a>
                {% endcall %}
            {% endif %}
        </div>
    </div>
    <div class="col-12">
        {{ pagination('/rolodex', page, total_pages, page_size, {'q': q, 'phone': phone}) }}
    </div>
</div>
{% block extra_scripts %}{% endblock %}
{% endblock %}