@props([
    'id' => 'view-close-btn',
    'href' => null,
    'fallbackHref' => null,
    'title' => 'Zamknij widok',
    'buttonClass' => 'btn btn-dark',
    'iconClass' => 'fa fa-times',
    'wrapperClass' => '',
])

@php
    $currentUrl = url()->current();
    $previousUrl = url()->previous();
    $resolvedHref = $href;

    if (!$resolvedHref) {
        $resolvedHref = ($previousUrl && $previousUrl !== $currentUrl) ? $previousUrl : url('/module');
    }

    $resolvedFallbackHref = $fallbackHref ?: url('/module');
@endphp

<span class="global-view-close-wrap {{ $wrapperClass }}">
    <a
        id="{{ $id }}"
        class="{{ $buttonClass }} global-view-close-btn"
        href="{{ $resolvedHref }}"
        data-fallback-href="{{ $resolvedFallbackHref }}"
        data-toggle="tooltip"
        title="{{ $title }}"
        aria-label="{{ $title }}"
        onclick="return my_CloseCurrentView(this, event);"
    >
        <i class="{{ $iconClass }} fa-lg" aria-hidden="true"></i>
    </a>
</span>

<style>
    .global-view-close-wrap {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .global-view-close-btn {
        width: 2.2rem;
        height: 2.2rem;
        border-radius: 0.3rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
    }
</style>

<script>
    (function () {
        if (typeof window.my_CloseCurrentView === 'function') {
            return;
        }

        window.my_CloseCurrentView = function (el, e) {
            if (e && typeof e.preventDefault === 'function') {
                e.preventDefault();
            }

            var current = window.location.href;
            var directHref = el ? String(el.getAttribute('href') || '') : '';
            var fallbackHref = el ? String(el.getAttribute('data-fallback-href') || '') : '';

            if (directHref && directHref !== '#' && directHref !== current) {
                window.location.href = directHref;
                return false;
            }

            if (document.referrer && document.referrer !== current) {
                window.location.href = document.referrer;
                return false;
            }

            if (window.history.length > 1) {
                window.history.back();
                return false;
            }

            if (fallbackHref) {
                window.location.href = fallbackHref;
            }

            return false;
        };
    })();
</script>