{{-- Parent Div: Eita puron width nibe ebong vitorer ad-ke center korbe --}}
<div style="width: 100%; text-align: center; margin: 20px 0;">

    {{-- Ad Wrapper: Eita shudhu chobir width nibe --}}
    <div class="" style="position: relative; display: inline-block; max-width: 100%; line-height: 0;">

        {{-- Cancel Button: Ekhon eita chobir sathe lege thakbe --}}
        <button
            onclick="this.parentElement.parentElement.remove()"
            style="
                position: absolute;
                top: 0;
                right: 0;
                border: none;
                background: rgba(255, 0, 0, 0.8);
                cursor: pointer;
                padding: 3px 7px;
                font-size: 13px;
                z-index: 99;
                line-height: 1;
                color: #fff;
                font-weight: bold;
                border-bottom-left-radius: 5px;
            ">
            ✕
        </button>

        {{-- Image Ad --}}
        @if($adSpace->type == 1)
            <a href="{{ $adSpace->link }}" target="_blank" style="display: block;">
                <img src="{{ asset($adSpace->image) }}" style="max-width: 100%; height: auto; display: block; border: 1px solid #eee;">
            </a>
        @endif

        {{-- Code Ad (Google AdSense) --}}
        @if($adSpace->type == 2)
            <div class="google-ad-container" style="display: block; line-height: normal;">
                {!! $adSpace->ad_code !!}
            </div>
        @endif

    </div>
</div>