<?php 


if( $is_error ) echo $error;



if( !$is_error ) { 
    $page_title         = $current_class->page_title;
    $page_description   = $current_class->page_description; 
?>
<style>
    :root {
        --wp-admin-theme-color: #007cba;
        --wp-admin-theme-color--rgb: 0, 124, 186;
        --wp-admin-theme-color-darker-10: #006ba1;
        --wp-admin-theme-color-darker-10--rgb: 0, 107, 161;
        --wp-admin-theme-color-darker-20: #005a87;
        --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
        --wp-admin-border-width-focus: 2px;
    }

    input[type="text"], input[type="password"], .proqyz_evaluation select{
        box-shadow: 0 0 0 transparent;
        border-radius: 4px;
        border: 1px solid #8c8f94;
        background-color: #fff;
        color: #2c3338;
    }

    .proqyz_evaluation input[type="text"], .proqyz_evaluation input[type="password"], .proqyz_evaluation select {
        width: 400px;
        margin: 0;
        padding: 0 8px;
        box-sizing: border-box;
        vertical-align: top;
    }

    .components-button.is-primary {
        background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
        color: var(--wp-components-color-accent-inverted, #fff);
        outline: 1px solid #0000;
        text-decoration: none;
        text-shadow: none;
        white-space: nowrap;
    }
    .components-button {
        align-items: center;
        -webkit-appearance: none;
        background: none;
        border: 0;
        border-radius: 2px;
        box-sizing: border-box;
        color: var(--wp-components-color-foreground, #1e1e1e);
        cursor: pointer;
        display: inline-flex;
        font-family: inherit;
        font-size: 13px;
        font-weight: 400;
        height: 36px;
        margin: 0;
        padding: 6px 12px;
        text-decoration: none;
        transition: box-shadow .1s linear;
    } 
    
    .components-button.is-primary.is-busy, .components-button.is-primary.is-busy:disabled, .components-button.is-primary.is-busy[aria-disabled=true] {
        background-image: linear-gradient(-45deg, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)) 70%, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 70%);
        background-size: 100px 100%;
        border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
        color: var(--wp-components-color-accent-inverted, #fff);
    }
    .components-button.is-busy, .components-button.is-secondary.is-busy, .components-button.is-secondary.is-busy:disabled, .components-button.is-secondary.is-busy[aria-disabled=true] {
        animation: components-button__busy-animation 2.5s linear infinite;
        background-image: linear-gradient(-45deg, #fafafa 33%, #e0e0e0 0, #e0e0e0 70%, #fafafa 0);
        background-size: 100px 100%;
        opacity: 1;
    }

    @keyframes components-button__busy-animation {
        0% {
            background-position: 200px 0;
        }
    }
    
    .notice { display:none; }

    
</style>



<div class="wrap proqyz_evaluation woocommerce">
    <nav class="nav-tab-wrapper woo-nav-tab-wrapper">
        <?php if(isset($tabs) && count($tabs) > 0 ) { 
            foreach( $tabs as $tab ) {
                ?><a href="<?php echo admin_url("/admin.php?page=".$slug."&tab=".$tab['slug']); ?>" class="nav-tab <?php echo ($current_tab === $tab['slug'])? 'nav-tab-active' : ''; ?>"><?php echo $tab['title']; ?></a><?php 
            }    
        } ?>
    </nav>
    <?php echo $current_class->get_page_layout(); ?>
</div>
<?php } ?>
