%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /var/www/cwg/wp-content/themes/cwg/template-parts/popups/
Upload File :
Create Path :
Current File : //var/www/cwg/wp-content/themes/cwg/template-parts/popups/enquire-modal.php

<div id="js-enquire-modal" class="js-modal hidden fixed z-[60] left-0 bottom-0 w-full h-full bg-black bg-opacity-50">
    <form class="js-enquire-form bg-white absolute bottom-0 h-[60%] px-5 py-10 w-full lg:h-full lg:w-[480px] lg:right-0 lg:py-32 lg:px-[60px]" id="js-enquire-form">
        <div class="flex justify-between">
            <p class="text-[15px]">HOW CAN WE HELP YOU?</p>
            <span id="js-close-enquire-modal" class="absolute top-9 right-4 text-3xl cursor-pointer">&times;</span>
            <input type="text" id="js-product-name" value="<?= $productName ?? '' ?>" class="hidden" />
            <input type="text" id="js-mail-to" value="<?= $to ?? '' ?>" class="hidden" />
            <input type="text" id="js-user-to" value="<?= $userName ?? '' ?>" class="hidden" />
            <input type="text" id="js-user-mail" value="<?= $userMail ?? '' ?>" class="hidden" />
            <input type="text" id="js-product-id" value="<?= isset($product) ? $product->get_id() : '' ?>" class="hidden" />
            <input type="text" id="js-link-to" value="<?= the_permalink() ?? '' ?>" class="hidden" />
        </div>
        <textarea placeholder="Your message" id="js-message-enquire" class="js-message-enquire w-full h-[60%] placeholder-grey-textLight mt-4 lg:border lg:border-grey-light lg:p-2"></textarea>
        <div class="flex lg:justify-between mt-8">
            <div class="w-full" id="js-sendMailContainer">
                <div class="btn-stroked w-full gtm-enquire js-gtm-switcher" id="js-btn-send-mail">
                    <span class="js-enquireLabel gtm-enquire">Send</span>
                    <span class="js-loader hidden h-full responsive-child">
                        <?php include(locate_template('/assets/img/loader.svg')); ?>
                    </span>
                </div>
            </div>
        </div>
    </form>
    <div class="js-request-sent hidden flex-col bg-white absolute bottom-0 justify-center items-center h-[25%] w-full lg:h-full lg:w-[30%] lg:right-0 lg:py-32" id="js-request-sent">
        <img src="<?= get_template_directory_uri(); ?>/assets/img/icon-check-mail.svg" alt="icon-check-mail" class="" loading="lazy">
        <div class="text-sm pt-2 lg:text-[15px]">ENQUIRY SENT</div>
    </div>
</div>

Zerion Mini Shell 1.0