@php
    $layout = Auth::check() ? 'app-layout' : 'guest-layout';
@endphp

<x-dynamic-component :component="$layout">
    <x-slot name="header">
            {{ __('Report an issue') }}
    </x-slot>

    <div class="mx-auto max-w-7xl py-6 sm:px-6 lg:px-8">
        <div class="md:grid md:grid-cols-3 md:gap-6">
            {{-- Left sidebar with static content --}}
            <div class="md:col-span-1">
                <div class="px-3 sm:px-0">
                    @livewire('side-post', [
                        'type' => 'SiteContents\Static\ReportIssue' ?? null,
                        'sticky' => true,
                        'fallbackTitle' => __('Notice something wrong?'),
                        'fallbackDescription' => __('Report misuse of our non-profit currency, inappropriate behavior, or website issues. We\'ll look into it! Your feedback is essential for improving our platform for all.')
                    ])
                </div>
            </div>

            {{-- Right side with contact form --}}
            <div class="mt-5 md:col-span-2 md:mt-0">
                @livewire('contact-form', ['context' => 'report-issue'])
            </div>
        </div>
    </div>
</x-dynamic-component>