<!--  * Version: 4.1 -->
<div class="wrap">
    <h2>Contact Form Popup (Beta)</h2>
    <h2 class="nav-tab-wrapper">
        <a href="admin.php?page=contact_vr" class="nav-tab">Button contact</a>
        <a href="admin.php?page=contact_vr_showroom" class="nav-tab  nav-tab-active">Showroom</a>
        <a href="admin.php?page=contact_vr_contact_form" class="nav-tab">Contact form (beta)</a>
        <a href="admin.php?page=contact_vr_all_in_one" class="nav-tab">All in one</a>
        <a href="admin.php?page=contact_vr_setting" class="nav-tab">Setting</a>
    </h2>
    <h3>
        It is currently under maintenance!
    </h3>


    <hr />

    <h2><?php esc_html_e('Support', 'button-contact-vr'); ?></h2>
    <p>
        <?php
        echo wp_kses(
            sprintf(
                // translators: %s will be replaced with the actual link
                __('For submitting any support queries, feedback, bug reports or feature requests, please visit <a %s>this link</a>.', 'button-contact-vr'),
                'href="https://wordpress.org/plugins/button-contact-vr/" target="_blank"'
            ),
            ["a" => ["href" => [], "target" => []]]
        );
        ?>
    </p>
</div>

<!-- css admin All in one -->
<style type="text/css">
    ul#style-icon-vr {
        margin: 0;
    }

    ul#style-icon-vr li {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 15px;
        text-align: center;
    }

    ul#style-icon-vr li label {
        display: block;
    }

    ul#style-icon-vr li span {
        display: block;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        line-height: 50px;
        padding: 10px;
        position: relative;
        margin: 0 auto;
    }

    td input[type="text"] {
        width: 100%;
        max-width: 330px;
    }

    select#pzf_loco_img_contact_form {
        width: 100%;
        max-width: 330px;
    }

    ul#style-icon-vr li span img {
        max-width: 27px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    td textarea {
        width: 100%;
        max-width: 420px;
        min-height: 120px
    }

    .tox-notification.tox-notification--in.tox-notification--warning {
        display: none;
    }
</style>
