@php
    // ── Versions-Erkennung ──────────────────────────────────────────
    // Scannt public/downloads/de-companion/V1/, V2/, V3/ ...
    // Höchste V-Nummer = aktuellste Version.
    $downloadBase    = public_path('downloads/de-companion');
    $latestVersion   = null;
    $latestFilename  = null;
    $latestSizeMb    = null;
    $downloadAvailable = false;

    if (is_dir($downloadBase)) {
        $dirs = array_filter(scandir($downloadBase), fn ($d) => preg_match('/^V(\d+)$/i', $d));
        usort($dirs, fn ($a, $b) => (int) substr($b, 1) - (int) substr($a, 1));
        if (!empty($dirs)) {
            $latestVersion = strtoupper($dirs[0]);
            $vPath = $downloadBase . DIRECTORY_SEPARATOR . $dirs[0];
            $exes  = glob($vPath . DIRECTORY_SEPARATOR . '*.exe');
            if (!empty($exes)) {
                $downloadAvailable = true;
                $latestFilename    = basename($exes[0]);
                $latestSizeMb      = round(filesize($exes[0]) / 1024 / 1024, 1);
            }
        }
    }

    // Screenshot-Erkennung (ablegen in public/img/de-companion/screenshots/)
    $screenshotPath = public_path('img/de-companion/screenshots');
    $screenshots = [];
    if (is_dir($screenshotPath)) {
        foreach (glob($screenshotPath . '/*.{png,jpg,jpeg,webp}', GLOB_BRACE) as $f) {
            $screenshots[] = asset('img/de-companion/screenshots/' . basename($f));
        }
    }
    $hasScreenshots = !empty($screenshots);
@endphp

@extends('demos.windows.app_layout')

@section('title', 'DE Companion | kotsch.tech')
@section('meta_description', 'DE Companion – die Windows-App für Digital-Engineering. Begleitet deinen Workflow direkt vom Desktop aus, mit nativem Tooling und schnellem Zugriff auf deine Projekte.')

{{-- ── Monitor view: branded splash für Windows-Grid ─────────────── --}}
@section('app-ui')
<div style="height:100%;width:100%;background:linear-gradient(145deg,#0a1220 0%,#0f2035 60%,#0a1e2e 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;font-family:'Segoe UI',sans-serif;position:relative;overflow:hidden;">

    {{-- Subtle grid overlay --}}
    <div style="position:absolute;inset:0;background-image:linear-gradient(rgba(0,138,158,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,138,158,0.06) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;"></div>

    {{-- Glow orb --}}
    <div style="position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:360px;height:360px;background:radial-gradient(circle,rgba(0,138,158,0.18) 0%,transparent 70%);pointer-events:none;"></div>

    {{-- App icon --}}
    <div style="position:relative;z-index:2;">
        <img src="{{ asset('img/de-companion/appicon.png') }}" alt="DE Companion Icon"
             style="width:90px;height:90px;border-radius:22px;box-shadow:0 20px 60px rgba(0,0,0,0.5),0 0 0 1px rgba(0,138,158,0.3);">
    </div>

    {{-- Name --}}
    <div style="position:relative;z-index:2;text-align:center;">
        <div style="color:#ffffff;font-weight:800;font-size:1.5rem;letter-spacing:-0.5px;margin-bottom:6px;">DE Companion</div>
        <div style="color:rgba(0,138,158,0.9);font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;">für Windows</div>
    </div>

    {{-- Feature pills --}}
    <div style="display:flex;gap:10px;position:relative;z-index:2;flex-wrap:wrap;justify-content:center;max-width:380px;">
        <div style="background:rgba(0,138,158,0.15);border:1px solid rgba(0,138,158,0.3);color:#5dc8d8;padding:5px 12px;border-radius:999px;font-size:0.68rem;font-weight:700;">Stundenplan</div>
        <div style="background:rgba(42,165,88,0.15);border:1px solid rgba(42,165,88,0.3);color:#6dd8a0;padding:5px 12px;border-radius:999px;font-size:0.68rem;font-weight:700;">Mensa</div>
        <div style="background:rgba(116,88,191,0.15);border:1px solid rgba(116,88,191,0.3);color:#b09de0;padding:5px 12px;border-radius:999px;font-size:0.68rem;font-weight:700;">Campus Live</div>
        <div style="background:rgba(228,150,28,0.15);border:1px solid rgba(228,150,28,0.3);color:#f5c664;padding:5px 12px;border-radius:999px;font-size:0.68rem;font-weight:700;">Tray &amp; Autostart</div>
    </div>

    {{-- Version badge --}}
    @if($latestVersion)
    <div style="position:relative;z-index:2;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.55);padding:4px 12px;border-radius:999px;font-size:0.65rem;font-weight:700;">
        {{ $latestVersion }} · Kostenlos
    </div>
    @else
    <div style="position:relative;z-index:2;color:rgba(255,255,255,0.35);font-size:0.65rem;">Demnächst verfügbar</div>
    @endif

</div>
@endsection

{{-- ── Beschreibung (rechts neben dem Monitor-Vorschau) ────────────── --}}
@section('app-description')

<div style="display:flex;align-items:center;gap:14px;margin-bottom:24px;">
    <img src="{{ asset('img/de-companion/appicon.png') }}" alt="DE Companion"
         style="width:56px;height:56px;border-radius:14px;box-shadow:0 8px 20px rgba(0,0,0,0.12);flex-shrink:0;">
    <div>
        <div style="font-weight:800;color:#008a9e;text-transform:uppercase;letter-spacing:2px;font-size:0.75rem;margin-bottom:4px;">Windows App</div>
        <div style="display:inline-flex;align-items:center;gap:6px;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;padding:4px 10px;border-radius:999px;font-size:0.72rem;font-weight:700;">
            <span style="width:6px;height:6px;background:#16a34a;border-radius:50%;display:inline-block;"></span>
            Kostenlos
        </div>
    </div>
</div>

<h1 style="font-size:2.6rem;font-weight:900;letter-spacing:-2px;margin-bottom:16px;color:#0f172a;line-height:1.1;">
    DE Companion<br>für Windows.
</h1>

<p style="font-size:1rem;color:#64748b;margin-bottom:24px;line-height:1.75;">
    Dein Digital Engineering Campus direkt auf dem Desktop. Stundenplan, Mensa, Campus Live und System-Benachrichtigungen &mdash; als schlanke Tray-App für Windows 10 und 11. Kostenlos.
</p>

@if($hasScreenshots)
{{-- Echter Screenshot vorhanden → Galerie --}}
<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-bottom:24px;">
    @foreach(array_slice($screenshots, 0, 3) as $src)
    <img src="{{ $src }}" alt="DE Companion Screenshot"
         style="width:100%;border-radius:10px;border:1px solid #e2e8f0;box-shadow:0 4px 12px rgba(0,0,0,0.06);">
    @endforeach
</div>
@endif

@endsection

{{-- ── Custom CTA: Download statt Lizenz anfragen ─────────────────── --}}
@section('app-cta')
<div style="margin-top:28px;">
    @if($downloadAvailable)
    <a href="{{ route('download.app', 'de-companion') }}" class="win-cta" style="background:linear-gradient(135deg,#008a9e,#005068);display:inline-flex;align-items:center;gap:12px;">
        <i class="fas fa-download"></i>
        KOSTENLOS HERUNTERLADEN
        <span style="background:rgba(255,255,255,0.2);padding:3px 10px;border-radius:999px;font-size:0.72rem;font-weight:700;margin-left:4px;">{{ $latestVersion }}</span>
    </a>
    @if($latestSizeMb)
    <div style="margin-top:10px;color:#94a3b8;font-size:0.78rem;">
        <i class="fas fa-file-archive" style="margin-right:5px;"></i>
        {{ $latestFilename }} &nbsp;·&nbsp; {{ $latestSizeMb }} MB &nbsp;·&nbsp; Windows 10/11 &nbsp;·&nbsp; 64-bit
    </div>
    @endif
    @else
    <div style="background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;padding:16px 20px;display:inline-flex;align-items:center;gap:14px;color:#64748b;">
        <i class="fas fa-clock" style="color:#94a3b8;font-size:1.2rem;"></i>
        <div>
            <div style="font-weight:700;color:#334155;font-size:0.88rem;">Download in Kürze verfügbar</div>
            <div style="font-size:0.78rem;margin-top:2px;">Die Windows-Version befindet sich im letzten Feinschliff. Schreib mir über das <a href="/kontakt?subject=DE-Companion-Windows" style="color:#008a9e;font-weight:700;">Kontaktformular</a>, wenn du benachrichtigt werden möchtest.</div>
        </div>
    </div>
    @endif
</div>
@endsection

{{-- ── Specs ────────────────────────────────────────────────────────── --}}
@section('app-specs')
<li><span style="color:#64748b;">Version</span><strong style="color:#0f172a;">{{ $latestVersion ?? '–' }}</strong></li>
<li><span style="color:#64748b;">Plattform</span><strong style="color:#0f172a;">.NET 8.0 · Windows 10/11 · 64-bit</strong></li>
<li><span style="color:#64748b;">Preis</span><strong style="color:#16a34a;">Kostenlos</strong></li>
<li><span style="color:#64748b;">Zielgruppe</span><strong style="color:#0f172a;">DE-Studenten (Campus)</strong></li>
<li><span style="color:#64748b;">Features</span><strong style="color:#0f172a;">Stundenplan · Mensa · Campus · Tray</strong></li>
<li><span style="color:#64748b;">Status</span><strong style="color:#10b981;">Live am Campus</strong></li>
<li><span style="color:#64748b;">Besonderheit</span><strong style="color:#0f172a;">Autostart · Hell/Dunkel-Modus</strong></li>
@endsection