@php
    $setting = json_decode($layout->settings);
    $ads = advertisment($setting->ads_id);
@endphp

@if($ads)
<style>
    .adsense-wrapper{
        position: relative;
        display: inline-block;
        margin: 0 auto;
        max-width: 100%;
    }
    .adsense-close{
        position: absolute;
        top: -8px;
        right: -8px;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        font-size: 12px;
        line-height: 18px;
        text-align: center;
        cursor: pointer;
        color: #666;
        z-index: 10;
    }
</style>

<div class="row gadDiv">
    <div class="col-md-12 text-center marginT20 marginB20">

        <div class="adsense-wrapper">
            <span class="adsense-close"
                  onclick="this.parentElement.style.display='none'">
                ✕
            </span>

            {{-- IMAGE ADS --}}
            @if($ads->type == 1 && $ads->image)
                <a href="{{ $ads->link ?? 'javascript:void(0)' }}"
                   target="_blank"
                   rel="nofollow sponsored">
                    <img src="{{ $ads->image }}"
                         alt="{{ $ads->title }}"
                         style="max-width:100%; height:auto;">
                </a>
            @endif

            {{-- GOOGLE / SCRIPT ADS --}}
            @if($ads->type == 2 && $ads->ad_code)
                {!! $ads->ad_code !!}
            @endif

        </div>

    </div>
</div>
@endif