@php
    $popup_id = get_static_option('popup_selected_' . $user_select_lang_slug . '_id');

    $popup_details = \App\Models\PopupBuilder::find($popup_id);
    if (empty($popup_details)) {
        return;
    }
    $website_url = url('/');
    if (preg_match('/(xgenious)/', $website_url)) {
        $popup_details = \App\Models\PopupBuilder::where('lang', $user_select_lang_slug)->inRandomOrder()->first();
    }
    $popup_class = '';
    if ($popup_details->type == 'notice') {
        $popup_class = 'notice-modal';
    } elseif ($popup_details->type == 'only_image') {
        $popup_class = 'only-image-modal';
    } else {
        $popup_class = 'discount-modal';
    }
@endphp
<div class="nx-popup-backdrop"></div>
<div class="nx-popup-wrapper {{ $popup_class }}">
    <div class="nx-modal-content-wrapper">
        @if ($popup_details->type == 'notice')
            <div class="nx-modal-inner-content-wrapper">
                <div class="nx-popup-close">×</div>
                <div class="nx-modal-content">
                    <div class="notice-modal-content-wrapper">
                        <div class="right-side-content">
                            <h4 class="title">{{ $popup_details->title }}</h4>
                            <p>{{ $popup_details->description }}</p>
                        </div>
                    </div>
                </div>
            </div>
        @elseif($popup_details->type == 'only_image')
            <div class="nx-modal-inner-content-wrapper" {!! render_background_image_markup_by_attachment_id($popup_details->only_image) !!}>
                <div class="nx-popup-close">×</div>
                <div class="nx-modal-content"></div>
            </div>
        @else
            <div class="nx-modal-inner-content-wrapper" {!! render_background_image_markup_by_attachment_id($popup_details->background_image) !!}>
                <div class="nx-popup-close">×</div>
                <div class="nx-modal-content">
                    <div class="discount-modal-content-wrapper">
                        <div class="left-content-warp">
                            {!! render_image_markup_by_attachment_id($popup_details->only_image) !!}
                        </div>
                        <div class="right-content-warp">
                            <div class="right-content-inner-wrap">
                                <h4 class="title">{{ $popup_details->title }}</h4>
                                <p>{{ $popup_details->description }}</p>
                                <div class="countdown-wrapper">
                                    <div id="countdown"></div>
                                </div>
                                @if (!empty($popup_details->btn_status))
                                    <div class="btn-wrapper">
                                        <a href="{{ $popup_details->button_link }}"
                                            class="btn-boxed">{{ $popup_details->button_text }}</a>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif
    </div>
</div>