@page
@model DXApp.TemplateKitProject.Pages.IndexModel
@{
    ViewData["Title"] = "Home";
}

<div class="content-block">
    <h2><i class="dx-icon-product"></i> DevExpress TemplateKit – Evaluierungsprojekt</h2>
    <p class="lead text-muted">Validierung von DevExpress als Ablösung für GdPicture im Rahmen der E-Rechnungsverarbeitung</p>
    
    <div class="alert alert-primary mt-4">
        <h4><i class="dx-icon-todo"></i> Projektziel: ZUGFeRD/Factur-X Rechnungsverarbeitung</h4>
        <p>Diese Anwendung demonstriert die vollständige Verarbeitungskette für elektronische Rechnungen:</p>
        
        <ol class="mt-3">
            <li class="mb-2">
                <strong>Upload & Validierung</strong>
                <br/>
                <small class="text-muted">E-Rechnungen im PDF/A-Format hochladen und auf Konformität prüfen</small>
            </li>
            <li class="mb-2">
                <strong>Extraktion</strong>
                <br/>
                <small class="text-muted">Automatische Erkennung und Extraktion eingebetteter Anhänge (ZUGFeRD-XML, Bilder, Dokumente)</small>
            </li>
            <li class="mb-2">
                <strong>Datenverarbeitung</strong>
                <br/>
                <small class="text-muted">Parsing der Rechnungsdaten aus dem ZUGFeRD-XML und persistente Speicherung in der Datenbank</small>
            </li>
            <li class="mb-2">
                <strong>Workflow-Integration</strong>
                <br/>
                <small class="text-muted">Durchlauf definierter Verarbeitungsschritte mit Status-Tracking</small>
            </li>
            <li class="mb-2">
                <strong>Ausgabe-Generierung</strong>
                <br/>
                <small class="text-muted">Erstellung einer Result-PDF mit Verarbeitungsstempel und angehängtem Ergebnisbericht</small>
            </li>
            <li class="mb-2">
                <strong>Visualisierung</strong>
                <br/>
                <small class="text-muted">Interaktive Anzeige aller Anhänge (XML mit Syntax-Highlighting, PDF-Viewer, Bilder)</small>
            </li>
        </ol>
    </div>

    <div class="row mt-4">
        <div class="col-md-6">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title"><i class="dx-icon-upload"></i> Rechnungen hochladen</h5>
                    <p class="card-text">Laden Sie ZUGFeRD-konforme E-Rechnungen hoch und starten Sie die automatische Verarbeitung.</p>
                    <a href="/Invoices/Upload" class="btn btn-primary">
                        <i class="dx-icon-upload"></i> Zum Upload
                    </a>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title"><i class="dx-icon-chart"></i> Rechnungsübersicht</h5>
                    <p class="card-text">Zeigen Sie alle importierten Rechnungen an und greifen Sie auf Details und Anhänge zu.</p>
                    <a href="/Invoices" class="btn btn-secondary">
                        <i class="dx-icon-doc"></i> Zur Übersicht
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="alert alert-light mt-4">
        <h6 class="mb-2"><i class="dx-icon-preferences"></i> Technologie-Stack</h6>
        <div class="d-flex flex-wrap gap-2">
            <span class="badge bg-secondary">ASP.NET Core 8.0</span>
            <span class="badge bg-secondary">DevExpress v25.2</span>
            <span class="badge bg-secondary">Entity Framework Core</span>
            <span class="badge bg-secondary">PDF.js</span>
            <span class="badge bg-secondary">CodeMirror</span>
            <span class="badge bg-secondary">SQL Server</span>
        </div>
    </div>
</div>