@extends('web.layouts.web-master')

@php
    // T10: Eigenständige Meldeformulare (Meldeverfahren v0.1). Weg 1 =
    // DSA-Meldung rechtswidriger Inhalte, Weg 2 = DSGVO-Antrag auf
    // Entfernung eigener Kontaktdaten. Beide speisen die Admin-Queue
    // "Recht & Compliance" und bestätigen den Eingang per E-Mail.
    $isIllegalContent = $way === 'rechtswidrig';
    $pageTitle = $isIllegalContent
        ? __('static.report_form.title_illegal')
        : __('static.report_form.title_contact_data');
@endphp

@section('title', $pageTitle)
@section('meta_description', $isIllegalContent
    ? __('static.report_form.meta_illegal')
    : __('static.report_form.meta_contact_data'))

@section('content')
    <x-web.static-page
        :eyebrow="__('static.legal.eyebrow')"
        :title="$pageTitle"
        :breadcrumb="__('static.report_form.breadcrumb')"
    >
        <div class="max-w-[640px]">
            <p class="text-[13.5px] text-ink-2 leading-relaxed mb-2">
                {{ $isIllegalContent ? __('static.report_form.intro_illegal') : __('static.report_form.intro_contact_data') }}
            </p>
            <p class="text-[12.5px] text-ink-3 leading-relaxed mb-6">
                {{ __('static.report_form.overview') }} <a href="{{ route('melden') }}" class="underline underline-offset-2 hover:text-ink">{{ __('static.report_form.overview_link') }}</a>
            </p>

            @if (session('report-status'))
                <div class="mb-6 px-4 py-3 border border-bg-rule bg-bg-elev text-[13px] text-ink-2" role="status">
                    {{ session('report-status') }}
                </div>
            @endif

            <form method="POST" action="{{ route('melden.form.store', ['way' => $way]) }}" class="space-y-5">
                @csrf

                <div>
                    <label for="reported_url" class="block text-[12px] font-semibold text-ink mb-1.5">{{ __('static.report_form.label_url') }}</label>
                    <input id="reported_url" type="url" name="reported_url" value="{{ old('reported_url') }}" required
                           placeholder="https://…"
                           class="w-full border border-bg-rule px-3 py-2.5 text-[13px] bg-white text-ink focus:outline-none focus:border-brand" />
                    @error('reported_url')
                        <p class="mt-1 text-[12px] text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <div>
                    <label for="requester_name" class="block text-[12px] font-semibold text-ink mb-1.5">{{ __('static.report_form.label_name') }}</label>
                    <input id="requester_name" type="text" name="requester_name" value="{{ old('requester_name') }}" required
                           autocomplete="name"
                           class="w-full border border-bg-rule px-3 py-2.5 text-[13px] bg-white text-ink focus:outline-none focus:border-brand" />
                    @error('requester_name')
                        <p class="mt-1 text-[12px] text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <div>
                    <label for="requester_email" class="block text-[12px] font-semibold text-ink mb-1.5">
                        {{ $isIllegalContent ? __('static.report_form.label_email_illegal') : __('static.report_form.label_email_contact_data') }}
                    </label>
                    <input id="requester_email" type="email" name="requester_email" value="{{ old('requester_email') }}" required
                           autocomplete="email"
                           class="w-full border border-bg-rule px-3 py-2.5 text-[13px] bg-white text-ink focus:outline-none focus:border-brand" />
                    @error('requester_email')
                        <p class="mt-1 text-[12px] text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                <div>
                    <label for="message" class="block text-[12px] font-semibold text-ink mb-1.5">
                        {{ $isIllegalContent ? __('static.report_form.label_message_illegal') : __('static.report_form.label_message_contact_data') }}
                    </label>
                    <textarea id="message" name="message" rows="6" required
                              class="w-full border border-bg-rule px-3 py-2.5 text-[13px] bg-white text-ink focus:outline-none focus:border-brand"
                              placeholder="{{ $isIllegalContent ? __('static.report_form.placeholder_message_illegal') : __('static.report_form.placeholder_message_contact_data') }}">{{ old('message') }}</textarea>
                    @error('message')
                        <p class="mt-1 text-[12px] text-red-600">{{ $message }}</p>
                    @enderror
                </div>

                @if ($isIllegalContent)
                    <div>
                        <label class="flex items-start gap-2.5 text-[12.5px] text-ink-2 leading-relaxed cursor-pointer">
                            <input type="checkbox" name="truth_affirmed" value="1" @checked(old('truth_affirmed'))
                                   class="mt-0.5 flex-shrink-0" />
                            <span>
                                {{ __('static.report_form.truth_affirmation') }}
                            </span>
                        </label>
                        @error('truth_affirmed')
                            <p class="mt-1 text-[12px] text-red-600">{{ $message }}</p>
                        @enderror
                    </div>
                @endif

                {{-- Bot-Schutz: Honeypot-Felder (siehe legal-request.blade.php). --}}
                <div class="hidden" aria-hidden="true">
                    <label for="website">Website</label>
                    <input id="website" type="text" name="website" tabindex="-1" autocomplete="off" value="{{ old('website') }}" />
                    <label for="homepage">Homepage</label>
                    <input id="homepage" type="text" name="homepage" tabindex="-1" autocomplete="off" value="{{ old('homepage') }}" />
                </div>

                <button type="submit"
                        class="bg-brand hover:bg-brand-deep text-white px-5 py-2.5 text-[13px] font-semibold transition-colors">
                    {{ $isIllegalContent ? __('static.report_form.submit_illegal') : __('static.report_form.submit_contact_data') }}
                </button>
            </form>

            <p class="mt-6 text-[11.5px] text-ink-3 leading-relaxed">
                {!! __('static.report_form.privacy_note', ['url' => route('datenschutz')]) !!}
            </p>
        </div>
    </x-web.static-page>
@endsection