{% extends "cadhub/base.html" %}

{% block title %}{{ project.name }} - CAD-Hub{% endblock %}

{% block content %}
<!-- Breadcrumb -->
<nav aria-label="breadcrumb" class="mb-3">
    <ol class="breadcrumb">
        <li class="breadcrumb-item">
            <a href="{% url 'cadhub:project-list' %}">Projekte</a>
        </li>
        <li class="breadcrumb-item active">{{ project.name }}</li>
    </ol>
</nav>

<div class="page-header">
    <div>
        <h1 class="page-title">{{ project.name }}</h1>
        <p class="text-muted mb-0">{{ project.description }}</p>
    </div>
    <div class="d-flex gap-2">
        <a href="{% url 'cadhub:model-upload' project.id %}" class="btn btn-primary">
            <i class="bi bi-upload"></i> Modell hochladen
        </a>
        <button class="btn btn-outline-secondary" data-bs-toggle="dropdown" title="Weitere Aktionen" aria-label="Weitere Projektaktionen">
            <i class="bi bi-three-dots" aria-hidden="true"></i>
        </button>
        <ul class="dropdown-menu dropdown-menu-end">
            <li>
                <a class="dropdown-item" href="#">
                    <i class="bi bi-pencil"></i> Bearbeiten
                </a>
            </li>
            <li>
                <a class="dropdown-item" href="#">
                    <i class="bi bi-download"></i> Exportieren
                </a>
            </li>
            <li><hr class="dropdown-divider"></li>
            <li>
                <a class="dropdown-item text-danger" href="#">
                    <i class="bi bi-archive"></i> Archivieren
                </a>
            </li>
        </ul>
    </div>
</div>

<!-- Statistics -->
<div class="row g-4 mb-4">
    <div class="col-md-3">
        <div class="card stat-card">
            <div class="stat-value">{{ model_count }}</div>
            <div class="stat-label">Modelle</div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card stat-card">
            <div class="stat-value">{{ stats.total_rooms }}</div>
            <div class="stat-label">Räume</div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card stat-card">
            <div class="stat-value">{{ stats.total_windows }}</div>
            <div class="stat-label">Fenster</div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card stat-card">
            <div class="stat-value">{{ stats.total_area|floatformat:0 }} m²</div>
            <div class="stat-label">Gesamtfläche</div>
        </div>
    </div>
</div>

<!-- Models -->
<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <span>Modelle</span>
        <a href="{% url 'cadhub:model-upload' project.id %}" class="btn btn-sm btn-outline-primary">
            <i class="bi bi-plus"></i> Hochladen
        </a>
    </div>
    <div class="card-body p-0">
        <table class="table table-hover mb-0">
            <thead>
                <tr>
                    <th>Modell</th>
                    <th>Format</th>
                    <th>Größe</th>
                    <th>Status</th>
                    <th>Hochgeladen</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                {% for model in models %}
                <tr>
                    <td>
                        <a href="{% url 'cadhub:model-detail' model.id %}">
                            <i class="bi bi-file-earmark-code me-2"></i>
                            {{ model.name }}
                        </a>
                    </td>
                    <td>
                        <span class="badge badge-info">{{ model.source_format }}</span>
                    </td>
                    <td>{{ model.file_size_mb }} MB</td>
                    <td>
                        {% if model.parse_status == 'completed' %}
                        <span class="badge badge-success">
                            <i class="bi bi-check"></i> Fertig
                        </span>
                        {% elif model.parse_status == 'parsing' %}
                        <span class="badge badge-warning">
                            <i class="bi bi-hourglass-split"></i> Wird analysiert
                        </span>
                        {% elif model.parse_status == 'failed' %}
                        <span class="badge badge-danger">
                            <i class="bi bi-x"></i> Fehler
                        </span>
                        {% else %}
                        <span class="badge badge-secondary">
                            <i class="bi bi-clock"></i> Wartend
                        </span>
                        {% endif %}
                    </td>
                    <td>{{ model.created_at|date:"d.m.Y H:i" }}</td>
                    <td>
                        <a href="{% url 'cadhub:model-detail' model.id %}" 
                           class="btn btn-sm btn-outline-primary"
                           title="Modell anzeigen"
                           aria-label="Modell {{ model.name }} anzeigen">
                            <i class="bi bi-eye" aria-hidden="true"></i>
                        </a>
                    </td>
                </tr>
                {% empty %}
                <tr>
                    <td colspan="6" class="text-center text-muted py-5">
                        <i class="bi bi-file-earmark-code fs-1 d-block mb-3"></i>
                        Noch keine Modelle vorhanden.
                        <div class="mt-3">
                            <a href="{% url 'cadhub:model-upload' project.id %}" 
                               class="btn btn-primary">
                                <i class="bi bi-upload"></i> Erstes Modell hochladen
                            </a>
                        </div>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}