@extends('layouts.component.app')

@section('title', 'KuKoSys')

<script>
    // Function to dispatch the event
    function openKukosys() {
        Livewire.dispatch('openPopup');
    }
</script>

@section('content')
    <div>
        <div class="flex justify-end">
            <button type="button" onclick="openPopup()"
                    class="inline-flex items-center gap-x-1.5 rounded-md bg-[rgb(241,131,0)] px-5 py-2 z-2000 text-sm font-semibold text-white shadow-sm hover:bg-orange-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-orange-600 m-3">
                Adressen & Personen
            </button>
        </div>
        @livewire('address-book.address-book')
    </div>
@endsection