<x-app-layout>
    <x-slot name="header">
        @if(getActiveProfileType() == 'User')
            {{ __('Your contacts') }}
        @else
            {{ __('Contacts')}}
        @endif
    </x-slot>

    <div class="py-6">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
            <div class="sm:bg-white overflow-hidden shadow-xl sm:rounded-lg">
                <div class="p-6 sm:px-20 bg-white border-b border-gray-200">

                <div class="my-0 sm:my-6 lg:my-12"> 
                    @livewire('side-post', [
                                    'type' => 'SiteContents\Contacts' ?? null, 
                                    'random' => false,
                                    'fallbackTitle' => '',
                                    'fallbackDescription' => '' ])
                </div>

                    <!--- Contacts table -->
                    @livewire('contacts')

                </div>
            </div>
        </div>
    </div>

</x-app-layout>
