@php
    // Check, ob die Seite im Iframe (Monitor) geladen wird
    $isIframe = request()->query('mode') == 'iframe';
@endphp

@if(!$isIframe)
    @extends('layouts.app')
    @section('content')
@endif

    <!-- CSS für die App-Vorschau -->
    <style>
        .app-preview-body { 
            margin: 0; padding: 0; overflow: hidden; 
            background: {{ $bgColor ?? '#ffffff' }}; 
            height: 100vh; display: flex; align-items: center; justify-content: center;
            font-family: 'Inter', sans-serif;
        }
        .visual-container { text-align: center; width: 100%; transform: scale(0.8); }
        .info-detail-area { padding: 100px 8%; background: white; border-top: 1px solid #eee; }
    </style>

    <div class="app-preview-body">
        <div class="visual-container">
            @yield('app-ui')
        </div>
    </div>

    <!-- Nur anzeigen, wenn NICHT im Monitor und wenn fullPage aktiv -->
    @if(!$isIframe && isset($fullPage) && $fullPage)
        <div class="info-detail-area">
            <div class="container">
                @yield('app-description')
            </div>
        </div>
    @endif

@if(!$isIframe)
    @endsection
@endif