<?php

namespace OxygenApp\Views\Frontend\Content;
if (!defined('ABSPATH')) exit;

use OxygenApp\Views\IView;
use OxygenApp\Views\BaseView;

class Info extends BaseView implements IView
{
    public function render(): void
    {

        ?>
        <div class="absolute inset-0 w-full h-full top-0 left-0 z-10 flex items-center justify-center p-4 white-popup hidden info-ui" data-recaptcha="true">
            <div class="absolute inset-0 w-full h-full top-0 left-0 z-10 bg-black/40 flex items-center justify-center p-4 white-popup pupup-background-ui">
            </div>
            
            <div class="bg-white z-20 rounded-2xl w-full max-w-md md:max-w-lg lg:max-w-md xl:max-w-sm max-h-full shadow-lg flex flex-col opacity-0 transition-opacity duration-150 popup-content">
                <div class="relative flex items-center justify-center px-4 py-3 border-b">
                    <h2 class="text-xl font-semibold text-gray-600 popup-title"></h2>
                    
                    <a href="#" class="text-gray-600 absolute right-6 text-clack text-xl leading-none close-btn">
                        <img class="w-[20px]" src="<?php echo esc_url(OXYLEAF_APP_PUBLIC_URL . '/app/Views/Frontend/assets/img/close-black.svg'); ?>" alt="">
                    </a>
                </div>
                
                <div class="overflow-y-auto px-6 py-4 text-gray-600" style="max-height: 70vh;">
                    <div class="w-full my-5 info-content">
                        <div class="text-center popup-content-text"></div>
                    </div>
                </div>
            </div>

        </div>


        <?php
    }
}