{{-- EDIT FOR CHERRY PICK --}}
<div>
    @php
        // Prüft: befinden wir uns auf der Ticket-Add-Seite?
        $isTicketAdd = request()->is('port/*');
    @endphp
    @if($form->mode === 'schwarze_headline')
        <h2 class="mt-6 font-semibold text-slate-800">{{ __('general.Assignment & Notify') }}</h2>
        <div class="mt-2 p-5 rounded-xl border border-slate-300 bg-white shadow-sm">
    @else
        <div class="grid grid-cols-2 gap-4 p-6 rounded-lg shadow-md {{ $isTicketAdd ? 'bg-white' : 'bg-gray-50' }}">
            <!-- Titel innerhalb der Grid-Struktur -->
            <div class="col-span-2">
                <h2 class="text-lg font-semibold text-csy-dark-blue">
                    {{
                        request()->getPort() ? 7 : (str_contains(request()->path(), 'kpi') ? 10 : 7)
                    }}. {{ __('general.Assignment & Notify') }}
                </h2>
            </div>
   @endif

        <!-- Bemerkung Gesamt -->
        <div class="col-span-2">
            <label for="bemerkung_gesamt" class="block text-sm font-medium text-csy-label-blue mb-1">
                Bemerkung für die gesamte Verarbeitung
            </label>
            <textarea
                wire:model.live="form.bemerkung_gesamt"
                id="bemerkung_gesamt"
                rows="4"
                class="rounded-xl border border-slate-300 bg-white shadow-sm block w-full rounded-lg {{str_contains(request()->path(), 'port') ? 'bg-gray-50' : 'bg-white'}} border-gray-400 shadow-sm focus:border-csy-blue focus:ring focus:ring-csy-blue/50"
                @if($readonly) readonly @endif>
            </textarea>
        </div>




        <!-- Linke Seite: Radiobuttons für Benutzer -->
        @if(!$readonly)
            <div>
                <h3 class="text-lg font-semibold text-csy-dark-blue">ZUWEISUNG AN USER</h3>
                @foreach($form->users as $user)
                    <div class="flex items-center space-x-2">
                        <input type="radio" wire:model.live="form.zugew_user_id" value="{{ $user->user_id }}" id="user_{{ $user->user_id }}">
                        <label for="user_{{ $user->user_id }}">{{ $user->vorname }} {{ $user->nachname }}</label>
                    </div>
                @endforeach

                <div class="flex items-center space-x-2">
                    <input type="radio" wire:model.live="form.zugew_user_id" value="0" id="no_assignment">
                    <label for="no_assignment">Keine Zuweisung</label>
                </div>
            </div>
        @endif

        @if(!$readonly)
            <div>
                <h3 class="text-lg font-semibold text-csy-dark-blue">EMPFÄNGER E-MAIL NOTIFY</h3>

                <div class="flex items-center space-x-2">
                    <input type="checkbox" wire:model.live="form.selectAll" id="select_all">
                    <label for="select_all"><strong>Alle auswählen</strong></label>
                </div>

                @foreach($form->users as $user)
                    <div class="flex items-center space-x-2">
                        <input
                            type="checkbox"
                            wire:model.live="form.selectedUsers"
                            value="{{ $user->user_id }}"
                            id="notify_{{ $user->user_id }}"
                            @if($readonly || $user->user_id == $form->zugew_user_id) disabled @endif
                        >
                        <label for="notify_{{ $user->user_id }}">{{ $user->vorname }} {{ $user->nachname }}</label>
                    </div>
                @endforeach
            </div>
        @endif

        @if ($readonly)
            <div class="mt-4 col-span-2">
                <label for="assigned_person" class="block text-sm font-medium text-csy-label-blue">
                    Zuweisung an User
                </label>
                <input type="text" id="assigned_person"
                       value="{{ $form->zugew_user_id ? ($form->zugewiesenePersonVorname . ' ' . $form->zugewiesenePersonNachname) : 'Keine Zuweisung' }}"
                       class="mt-2 block w-full rounded-md bg-gray-100 border border-gray-300 py-2 px-3 text-gray-900"
                       readonly />
            </div>
        @endif
    </div>

    <!-- Erfolgsmeldung -->
    @if (session()->has('message'))
        <p class="mt-2 text-green-600">{{ session('message') }}</p>
    @endif

    <!-- Fehlermeldung -->
    @if (session()->has('error'))
        <p class="mt-2 text-red-600">{{ session('error') }}</p>
    @endif
</div>