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

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

{% block content %}
<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">
            <a href="{% url 'cadhub:project-detail' project.pk %}">{{ project.name }}</a>
        </li>
        <li class="breadcrumb-item active">Modell hochladen</li>
    </ol>
</nav>

<div class="row justify-content-center">
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">
                    <i class="bi bi-cloud-upload"></i>
                    CAD-Datei hochladen
                </h5>
            </div>
            <div class="card-body">
                <form method="post" 
                      enctype="multipart/form-data"
                      hx-post="{% url 'cadhub:model-upload' project.pk %}"
                      hx-target="#upload-result"
                      hx-swap="innerHTML"
                      hx-indicator="#upload-spinner">
                    {% csrf_token %}
                    
                    <div class="mb-4">
                        <label for="file" class="form-label">
                            CAD-Datei auswählen *
                        </label>
                        <input type="file" 
                               id="file" 
                               name="file" 
                               class="form-control form-control-lg"
                               accept=".ifc,.ifczip,.dxf,.dwg"
                               required>
                        <div class="form-text">
                            Unterstützte Formate: IFC, IFC.ZIP, DXF, DWG
                        </div>
                    </div>
                    
                    <div class="alert alert-info">
                        <h6 class="alert-heading">
                            <i class="bi bi-info-circle"></i> Hinweis
                        </h6>
                        <ul class="mb-0 small">
                            <li><strong>IFC-Dateien:</strong> Räume, Etagen, Wände, Türen, Fenster werden extrahiert</li>
                            <li><strong>DXF-Dateien:</strong> Geschlossene Polygone auf Raum-Layern werden als Räume erkannt</li>
                            <li>Maximale Dateigröße: 500 MB</li>
                        </ul>
                    </div>
                    
                    <div class="d-flex justify-content-between align-items-center">
                        <a href="{% url 'cadhub:project-detail' project.pk %}" 
                           class="btn btn-outline-secondary">
                            <i class="bi bi-arrow-left"></i> Zurück
                        </a>
                        <button type="submit" class="btn btn-primary btn-lg">
                            <span id="upload-spinner" class="htmx-indicator">
                                <span class="spinner-border spinner-border-sm me-2"></span>
                            </span>
                            <i class="bi bi-cloud-upload"></i> Hochladen & Verarbeiten
                        </button>
                    </div>
                </form>
                
                <div id="upload-result" class="mt-4"></div>
            </div>
        </div>
        
        <div class="card mt-4">
            <div class="card-header">
                <h6 class="mb-0">Unterstützte Formate</h6>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-6">
                        <div class="d-flex align-items-start">
                            <span class="badge bg-success me-2">IFC</span>
                            <div>
                                <strong>Industry Foundation Classes</strong>
                                <p class="small text-muted mb-0">
                                    BIM-Standard für Gebäudemodelle. 
                                    Extrahiert alle Bauteile mit Eigenschaften.
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="d-flex align-items-start">
                            <span class="badge bg-primary me-2">DXF</span>
                            <div>
                                <strong>Drawing Exchange Format</strong>
                                <p class="small text-muted mb-0">
                                    AutoCAD-Austauschformat. 
                                    Erkennt Raumpolygone auf Raum-Layern.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}