adrema/modules/Mailgateway/Components/setting-view.blade.php

<x-page::setting-layout :active="$settingClass">
    <div>
        <x-ui::table>
            <thead>
                <th>Bezeichnung</th>
                <th>Domain</th>
                <th>Typ</th>
                <th>Prüfung</th>
                <th>Aktion</th>
            </thead>

            <x-ui::action wire:click.prevent="$dispatch('openModal', {component: 'modules.mailgateway.components.form', props: {}, title: 'Verbindung erstellen'})" icon="plus" variant="danger">Neu</x-ui::action>

            @foreach ($data as $index => $gateway)
            <tr wire:key="$index">
                <td>{{ $gateway->name }}</td>
                <td>{{ $gateway->domain }}</td>
                <td>{{ $gateway->type::name() }}</td>
                <td>
                    <x-ui::boolean-display :value="$gateway->type->works()"
                        hint="Verbindungsstatus"
                        right="Verbindung erfolgreich"
                        wrong="Verbindung fehlgeschlagen"
                    ></x-ui::boolean-display>
                </td>
                <td>
                    <x-ui::action wire:click="$dispatch('openModal', {
                        component: 'modules.mailgateway.components.form',
                        props: {id: '{{$gateway->id}}'},
                        title: 'Verbindung {{$gateway->name}} bearbeiten'}
                    )" icon="pencil" variant="warning">Bearbeiten</x-ui::action>
                </td>
            </tr>
            @endforeach
        </x-ui::table>
    </div>
</x-page::setting-layout>