@if(config('settings.announcement_' . (Auth::guest() ? 'guest' : 'user')))
    @if(request()->cookie('announcement_' . (Auth::guest() ? 'guest' : 'user') . '_id') != config('settings.announcement_' . (Auth::guest() ? 'guest' : 'user') . '_id'))
        <div class="d-flex flex-column {{ Auth::guest() ?: 'content' }}" id="announcement-banner">
            <div class="alert-{{ config('settings.announcement_' . (Auth::guest() ? 'guest' : 'user') . '_type') }} z-1030">
                <div class="{{ Auth::guest() ? 'container' : 'container-fluid container-lg' }}">
                    <div class="alert alert-{{ config('settings.announcement_' . (Auth::guest() ? 'guest' : 'user') . '_type') }} alert-dismissible fade show mb-0 mx-n3 text-break">
                        {!! config('settings.announcement_' . (Auth::guest() ? 'guest' : 'user') . '_content') !!}

                        <button type="button" class="close d-flex align-items-center justify-content-center width-12 height-12 p-0" data-dismiss="alert" aria-label="{{ __('Close') }}" id="announcement-banner-dismiss">
                            <span aria-hidden="true" class="d-flex align-items-center">@include('icons.close', ['class' => 'fill-current width-4 height-4'])</span>
                        </button>
                    </div>
                </div>
            </div>

            <script>
                'use strict';

                window.addEventListener('DOMContentLoaded', function () {
                    document.querySelector('#announcement-banner-dismiss').addEventListener('click', function () {
                        setCookie('announcement_{{ (Auth::guest() ? 'guest' : 'user') }}_id', '{{ config('settings.announcement_' . (Auth::guest() ? 'guest' : 'user') . '_id') }}', new Date().getTime() + (10 * 365 * 24 * 60 * 60 * 1000), '/');
                        document.querySelector('#announcement-banner').classList.add('d-none');
                    });
                });
            </script>
        </div>
    @endif
@endif