@props(['notices' => null])
<div class="grid grid-cols-9 pt-5 pr-3 -ml-4 xl:gap-4">
    <div class="col-span-2 pr-6">
        @can('create_notices')
            <a  href="{{ route('admin.notices.create') }}" class="p-2 pl-4 text-white shadow bg-greendack-500 rounded-full block mb-3 ml-2
                hover:bg-greendack-400 rounded-md border border-transparent
                tracking-widest active:bg-greendack-400 focus:outline-none focus:shadow-outline"
            >
                <i class="fad fa-layer-plus mr-4 text-2xl align-middle"></i>
                {{ __('saas_dashboard_messages_compose') }}
            </a>
        @endcan
        <ul>
            @can('sent_notices')
                <li>
                    <a href="{{ route('admin.notices.sent') }}" class="{{ link_active_admin_notice_index('admin.notices.sent') }}">
                        <i class="fad fa-paper-plane mr-7"></i>
                        {{ __('saas_dashboard_messages_sent') }}
                    </a>
                </li>
            @endcan
            <li>
                <a :colorPosition="'gray'" href="{{ route('admin.notices.sent') }}">
                    <template #icon>
                        <i class="fad fa-file mr-6"></i>
                        {{ __('saas_dashboard_messages_draft') }}
                    </template>
                </a>
            </li>
            @can('later_notices')
                <li>
                    <a href="{{ route('admin.notices.later') }}" class="{{ link_active_admin_notice_index('admin.notices.later') }}">
                        <i class="fad fa-business-time mr-6"></i>
                        {{ __('saas_dashboard_messages_sent_later') }}
                    </a>
                </li>
            @endcan
        </ul>
    </div>

    <div class="col-span-7">
        {{ $slot }}
    </div>
</div>