{% extends "base.html" %}

{% block title %}People - IT Asset Tracker{% endblock %}

{% block content %}
<div class="page-header">
    <h1>People</h1>
    <a href="{{ url_for('person_add') }}" class="btn btn-primary">Add Person</a>
</div>

<form method="GET">
    <div class="search-bar">
        <input type="text" name="search" placeholder="Search people..." value="{{ search }}">
        {% if search %}
        <a href="{{ url_for('people_list') }}" class="search-clear">&times;</a>
        {% endif %}
    </div>
</form>

{% if people %}
<div class="mobile-cards">
    {% for person in people %}
    <a href="{{ url_for('person_detail', person_id=person.id) }}" class="device-card">
        <div class="device-card-title">{{ person.name }}</div>
        <div class="device-card-meta">
            {% if person.position %}{{ person.position }}<br>{% endif %}
            {% if person.location %}{{ person.location }}<br>{% endif %}
            {% if person.email %}{{ person.email }}{% endif %}
        </div>
    </a>
    {% endfor %}
</div>

<div class="table-wrapper">
    <table>
        <thead>
            <tr>
                <th>Name</th>
                <th>Location</th>
                <th>Position</th>
                <th>Phone</th>
                <th>Email</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            {% for person in people %}
            <tr>
                <td><a href="{{ url_for('person_detail', person_id=person.id) }}">{{ person.name }}</a></td>
                <td>{{ person.location or '-' }}</td>
                <td>{{ person.position or '-' }}</td>
                <td>{{ person.phone or '-' }}</td>
                <td>{{ person.email or '-' }}</td>
                <td>
                    <a href="{{ url_for('person_edit', person_id=person.id) }}" class="btn btn-sm">Edit</a>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% else %}
<div class="empty-state">
    <p>No people found{% if search %} matching "{{ search }}"{% endif %}.</p>
    <a href="{{ url_for('person_add') }}" class="btn btn-primary">Add First Person</a>
</div>
{% endif %}
{% endblock %}