@php
    $deal = Company::getCurrent()->getCurrentActiveFlashDeal() ? Company::getCurrent()->getCurrentActiveFlashDeal() : false;
@endphp
    @if ($deal)
        @php
            $dealImageUrl = env('CDN_URL') . $deal->path;
        @endphp
        <div class="sensitive-modal modal fade show" id="flashDealPopup" tabindex="-1" aria-modal="true" role="dialog">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <button type="button" class="close disable-box-shadow" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true" class="white-text fs20" onclick="closeModal()">×</span>
                    </button>

                    @if ($deal->url)
                        <a href="{{ $deal->url }}">
                            <img loading="lazy" src="{{ asset($dealImageUrl) }}" alt="{{ $deal->title }}">
                        </a>
                    @else
                        <img loading="lazy" src="{{ asset($dealImageUrl) }}" alt="{{ $deal->title }}">
                    @endif
                </div>
            </div>
        </div>
@endif

@push('scripts')
    <script>
        function closeModal() {
            $('#flashDealPopup').removeClass('show');
            $('#flashDealPopup').addClass('hide');
        }

        document.addEventListener('DOMContentLoaded', function() {
            window.addEventListener('keyup', function(event) {
                if (event.key === 'Escape') {
                    closeModal();
                }
            });
        });
    </script>
@endpush