<div class="webien-search-addon-container <?= $settings['popup_focus'] ?>"
    data-quantity="<?= $settings['results_quantity'] ?>"
    data-post-types="<?= $settings['post_types'] ?>"
    data-post-types-templates="<?= htmlspecialchars(json_encode($settings['post_types_templates']), ENT_QUOTES, 'UTF-8') ?>"
    data-ajax="<?= $settings['post_types'] ? '1' : '0' ?>"
    data-variables="{}"
    data-min-input="<?= $settings['min_input'] ?>"
    data-base-url="<?= get_home_url() ?>"
>
    <div class="search-form<?= empty($settings['button_text']) ? ' no-text':' has-text'; ?><?= $settings['redirect'] ?><?= $settings['takeover_desktop'] ?><?= $settings['takeover_tablet'] ?><?= $settings['takeover_mobile'] ?>">
        <div class="input-txt submit-<?= $settings['button_submit_position'] ?>">
            <input type="text" onpaste="" placeholder="<?= $settings['input_placeholder_text'] ?>" class="placeholder" tabindex="0" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" ref="webienSearchInput" />
            <button class="button-icon icon-<?= $settings['button_icon_position'] ?>" tabindex="0">
                <?php if ($settings['button_icon'] && is_plugin_active( 'elementor/elementor.php' ) ){
                    \Elementor\Icons_Manager::render_icon( $settings['button_icon'], [ 'aria-hidden' => 'true' ] );
                } ?>
                <span><?= $settings['button_text'] ?></span>
            </button>
        </div>

        <?php if ($settings['post_types']): ?>
        <div class="results-container <?= $settings['results_align'] ?> <?= $settings['results_height'] ? 'custom-height': '' ?>">
            <div class="results">
                <div class="inner" data-no-res-txt="<?= apply_filters( 'webien/search/no_result_text', __('Inga resultat hittades', 'webien')) ?>"></div>
            </div>
            <div class="searching">
                <?= file_get_contents( WEBIEN_SEARCH_ADDON_PLUGIN_PATH . '/dist/images/preloader.svg' ); ?>
            </div>
            <div class="post-types" data-txt="<?= $settings['post_type_more_text'] ?>">

            </div>
        </div>
        <?php endif; ?>
    </div>
    <div class="backdrop">
    </div>
</div>