{{-- Parent div: eti center kore ebong cancel hole purotai hide hobe --}}
<div class="ad-group-container" style="text-align: center; width: 100%; margin: 25px 0;">

    <div class="" style="position: relative; display: inline-block; max-width: 100%; line-height: 0;">

        {{-- Cancel Button: closest() bebohar kore puro container remove kora hoyeche --}}
        <button
            onclick="this.closest('.ad-group-container').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: 999;
                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; text-decoration: none;">
                <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 style="display: block; line-height: normal;">
                {!! $adSpace->ad_code !!}
            </div>
        @endif

    </div>
</div>