{% extends "base.html" %}
{% load static i18n %}

{% block title %}{% translate "Bâtiments publics" %} | StreetUp{% endblock %}

{% block content %}
<div class="container-fluid py-4">
    <!-- Header -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="h3 mb-1"><i class="bi bi-building me-2 text-primary"></i>{% translate "Gestion des Bâtiments Publics" %}</h1>
            <p class="text-muted mb-0">{% translate "Patrimoine bâti, pièces, équipements techniques et diagnostics ERP" %}</p>
        </div>
        <div>
            <a href="{% url 'admin:assets_publicbuilding_add' %}" class="btn btn-primary">
                <i class="bi bi-plus-lg me-1"></i>{% translate "Nouveau Bâtiment" %}
            </a>
        </div>
    </div>

    <!-- Filters Card -->
    <div class="card shadow-sm mb-4">
        <div class="card-body">
            <form method="get" class="row g-3">
                <div class="col-md-3">
                    <label class="form-label small text-muted">{% translate "Recherche" %}</label>
                    <div class="input-group input-group-sm">
                        <span class="input-group-text"><i class="bi bi-search"></i></span>
                        <input type="text" name="q" class="form-control" placeholder="{% translate 'Code, nom, adresse, propriétaire...' %}" value="{{ search_query }}">
                    </div>
                </div>
                <div class="col-md-2">
                    <label class="form-label small text-muted">{% translate "Usage" %}</label>
                    <select name="usage_type" class="form-select form-select-sm">
                        <option value="">-- {% translate "Tous les usages" %} --</option>
                        {% for key, label in usage_type_choices %}
                            <option value="{{ key }}" {% if selected_usage == key %}selected{% endif %}>{{ label }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label small text-muted">{% translate "Statut" %}</label>
                    <select name="building_status" class="form-select form-select-sm">
                        <option value="">-- {% translate "Tous les statuts" %} --</option>
                        {% for key, label in building_status_choices %}
                            <option value="{{ key }}" {% if selected_status == key %}selected{% endif %}>{{ label }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label small text-muted">{% translate "Diagnostic DPE" %}</label>
                    <select name="dpe_rating" class="form-select form-select-sm">
                        <option value="">-- {% translate "Tous DPE" %} --</option>
                        {% for key, label in dpe_rating_choices %}
                            <option value="{{ key }}" {% if selected_dpe == key %}selected{% endif %}>DPE {{ label }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-3 d-flex align-items-end gap-2">
                    <button type="submit" class="btn btn-sm btn-primary w-100"><i class="bi bi-filter me-1"></i>{% translate "Filtrer" %}</button>
                    <a href="{% url 'assets:buildings_index' %}" class="btn btn-sm btn-outline-secondary w-100">{% translate "Réinitialiser" %}</a>
                </div>
            </form>
        </div>
    </div>

    <!-- Table of Public Buildings -->
    <div class="card shadow-sm">
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>{% translate "Code / Nom" %}</th>
                            <th>{% translate "Type & Parent" %}</th>
                            <th>{% translate "Usage principal" %}</th>
                            <th>{% translate "Propriétaire & Gestionnaire" %}</th>
                            <th>{% translate "ERP" %}</th>
                            <th>{% translate "DPE / GES" %}</th>
                            <th>{% translate "Statut" %}</th>
                            <th class="text-end">{% translate "Actions" %}</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for b in buildings %}
                        <tr>
                            <td>
                                <a href="{% url 'assets:publicbuilding_detail' b.pk %}" class="fw-bold text-decoration-none">
                                    {{ b.code }}
                                </a>
                                <div class="small text-muted">{{ b.get_name }}</div>
                            </td>
                            <td>
                                <span class="badge bg-primary-subtle text-primary border me-1">
                                    {{ b.get_location_type_display }}
                                </span>
                                {% if b.parent_location %}
                                    <div class="small text-muted mt-1"><i class="bi bi-diagram-2 me-1"></i>{{ b.parent_location.code }}</div>
                                {% endif %}
                            </td>
                            <td>
                                <span class="badge bg-secondary-subtle text-dark border">
                                    {{ b.get_usage_type_display }}
                                </span>
                            </td>
                            <td>
                                {% if b.owner %}
                                    <div class="small"><i class="bi bi-shield-check text-muted me-1"></i><strong>{% translate "Propriétaire" %}:</strong> {{ b.owner }}</div>
                                {% endif %}
                                {% if b.manager %}
                                    <div class="small text-muted"><i class="bi bi-person me-1"></i><strong>{% translate "Gestionnaire" %}:</strong> {{ b.manager.get_full_name|default:b.manager.username }}</div>
                                {% endif %}
                            </td>
                            <td>
                                {% if b.is_erp %}
                                    <span class="badge bg-info-subtle text-info border">
                                        <i class="bi bi-people me-1"></i>ERP Cat {{ b.erp_category|default:"-" }} ({{ b.erp_type|default:"-" }})
                                    </span>
                                {% else %}
                                    <span class="badge bg-light text-muted border">{% translate "Non ERP" %}</span>
                                {% endif %}
                            </td>
                            <td>
                                {% if b.dpe_rating %}
                                    <span class="badge bg-success border me-1">DPE {{ b.dpe_rating }}</span>
                                {% endif %}
                                {% if b.ges_rating %}
                                    <span class="badge bg-primary border">GES {{ b.ges_rating }}</span>
                                {% endif %}
                            </td>
                            <td>
                                <span class="badge {% if b.building_status == 'in_service' %}bg-success-subtle text-success{% else %}bg-warning-subtle text-warning{% endif %} border">
                                    {{ b.get_building_status_display }}
                                </span>
                            </td>
                            <td class="text-end">
                                <a href="{% url 'assets:publicbuilding_detail' b.pk %}" class="btn btn-sm btn-outline-primary" title="{% translate 'Voir détails' %}">
                                    <i class="bi bi-eye"></i>
                                </a>
                                {% if b.can_edit %}
                                    <a href="{% url 'assets:publicbuilding_edit' b.pk %}" class="btn btn-sm btn-outline-secondary" title="{% translate 'Éditer' %}">
                                        <i class="bi bi-pencil"></i>
                                    </a>
                                {% endif %}
                            </td>
                        </tr>
                        {% empty %}
                        <tr>
                            <td colspan="7" class="text-center py-5 text-muted">
                                <i class="bi bi-building-exclamation fs-1 d-block mb-2"></i>
                                {% translate "Aucun bâtiment public ne correspond à vos critères." %}
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
{% endblock %}