<?php
/**
 *
 * @link       info@meteosales.com
 * @since      1.0.0
 *
 * @package    Meteosales
 * @subpackage Meteosales/admin/partials
 */
/*
Version: 1.0.16
*/
if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly

    wp_enqueue_style( 'meteosales-bootstrap-min-css' );
    wp_enqueue_style( 'meteosales-admin-css' );

    ?>
    <style>
        html body { background-color: #F1F1F1; }
    </style>
    <div class="container">
        <div class="wrap">
            <div class="my-4">
                <img  src="<?php echo plugin_dir_url( dirname( __FILE__ ) ) . '/images/meteosales.svg'; ?>" style="width:350px">
		    </div>
            <hr>
            <?php if ( !in_array( 'woocommerce/woocommerce.php', apply_filters( 'active_plugins', get_option( 'active_plugins' ) ) ) ) { ?>
                <div class="pdgDisplayMessage">
                <div class="alert alert-danger alert-dismissible">
                    <?php echo _e( 'Sorry! This plugin works only with Woocommerce', 'meteosales' ); ?>
                </div>
            </div>
            <?php } ?>
            <div class="container">
                <div class="row">
                    <div class="col meta-box-sortables ui-sortable postbox">
                        <div id="surgery_info_box" style="padding:10px;margin-bottom: 10px;">
                            <span style="font-size: 30px;"><strong><?php echo _e( 'Welcome in MeteoSales', 'meteosales' ); ?></strong></span><br><br>
                            <span><?php echo _e( 'The Swiss Army Knife of WooCommerce', 'meteosales' ); ?></span><br><br>
                            <div class="row">
                                <div class="col-6">
                                    <label class="mb-2"><strong><?php echo _e( 'Video 1: How to add a website at MetoSales', 'meteosales' ); ?></strong></label>
                                    <div class="embed-responsive embed-responsive-16by9">
                                        <iframe width="100%" height="315" src="https://www.youtube.com/embed/S6ReNig5CoU" title="<?php echo _e('How to add a website at MetoSales', 'meteosales' ); ?>" frameborder="0" allow="encrypted-media;" allowfullscreen></iframe>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <label class="mb-2"><strong><?php echo _e( 'Video 2: How to get Meteosales API key', 'meteosales' ); ?></strong></label>
                                    <div class="embed-responsive embed-responsive-16by9">
                                        <iframe width="100%" height="315" src="https://www.youtube.com/embed/FbwKd5C-vQI" title="<?php echo _e('How to get Meteosales API key', 'meteosales' ); ?>" frameborder="0" allow="encrypted-media;" allowfullscreen></iframe>
                                    </div>
                                </div>
                            </div>
                            <br><br>
                            <div>
                                <span><?php echo _e( 'This plugin works with API key. You can get it by subscribe ', 'meteosales' ); ?><strong><a href="https://meteosales.com/#pricing"><?php echo _e( 'here', 'meteosales' ); ?></a></strong></span><br><br>
                                <span><?php echo _e( 'Go to my.meteosales Dashboard ', 'meteosales' ); ?><strong><a href="https://my.meteosales.com/"><?php echo _e( 'here', 'meteosales' ); ?></a></strong></span><br><br>

                                <span><?php echo _e( 'Visit our site ', 'meteosales' ); ?><strong><a href="https://meteosales.com/"><?php echo _e( 'here', 'meteosales' ); ?></a></strong></span><br><br>
                                <span><?php echo _e( 'Any problems? contact us: ', 'meteosales' ); ?><strong><a href="mailto:info@meteosales.com"><?php echo _e( 'info@meteosales.com', 'meteosales' ); ?></a></strong></span><br>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <?php
$plugin_data = get_plugin_data( __FILE__  );

echo '<script type="text/javascript">
        jQuery(document).ready(function(){
            document.getElementById("footer-left").innerHTML = "";
            document.getElementById("footer-upgrade").innerHTML = "'.__( 'v ', 'meteosales' ) .  $plugin_data['Version'].'";

        });
</script>';?>
