<?php

defined( 'ABSPATH' ) || exit;

defined( 'ABSPATH' ) || exit;
$logo    = plugin_dir_url( __FILE__ ) . 'assets/img/Wow-Company.png';
$img_url = plugin_dir_url( __FILE__ ) . 'assets/img/';

$wp_plugins = [
	[
		'free'    => 'https://wordpress.org/plugins/wp-coder/',
		'icon'    => 'wp-coder.png',
		'title'   => 'WP Coder',
		'content' => 'A profound WordPress plugin for directly incorporating custom HTML, CSS, and JavaScript codes into your WordPress pages.'
	],
	[
		'free'    => 'https://wordpress.org/plugins/float-menu/',
		'icon'    => 'float-menu.png',
		'title'   => 'Float menu',
		'content' => 'The functional tool for the easy creation the attractive floating menus.'
	],
	[
		'free'    => 'https://wordpress.org/plugins/floating-button/',
		'icon'    => 'floting-button.png',
		'title'   => 'Floating Button',
		'content' => 'WordPress plugin designed to generate and manage sticky Floating Buttons, capable of performing any defined actions on your website. '
	],
	[
		'free'    => 'https://wordpress.org/plugins/side-menu-lite/',
		'icon'    => 'side-menu.png',
		'title'   => 'Side Menu',
		'content' => 'Create compact navigation panels with attractive designs.'
	],
	[
		'free'    => 'https://wordpress.org/plugins/sticky-buttons/',
		'icon'    => 'sticky-buttons.png',
		'title'   => 'Sticky Buttons',
		'content' => 'Quickly create informative floating buttons that will always be within the user’s visibility, increasing his attention and providing quick access to the necessary pages of the site or action.'
	],
	[
		'free'    => 'https://wordpress.org/plugins/calculator-builder/',
		'icon'    => 'calchub.png',
		'title'   => 'Calculator Builder',
		'content' => 'A simple way to create an online calculator.'
	],
	[
		'free'    => 'https://wordpress.org/plugins/bubble-menu/',
		'icon'    => 'bubble-menu.png',
		'title'   => 'Bubble Menu ',
		'content' => 'Create a bright bubble menu on your WordPress site.'
	],
	[
		'free'    => 'https://wordpress.org/plugins/popup-box/',
		'icon'    => 'popup-box.png',
		'title'   => 'Popup Box',
		'content' => 'Popup Box Pro – the WordPress plugin for creating awesome popups with any content.'
	],
	[
		'free'    => 'https://wordpress.org/plugins/modal-window/',
		'icon'    => 'modal-windows.png',
		'title'   => 'Modal Windows',
		'content' => 'Designed to ease the process of creating and setting the modal windows on the WordPress site.'
	],
	[
		'free'    => 'https://wordpress.org/plugins/mwp-herd-effect/',
		'icon'    => 'herd-effects.jpg',
		'title'   => 'Herd Effects',
		'content' => 'Designed to create a “sense of queue” or “herd effect”, motivating the visitors of the page to perform any actions.'
	],
	[
		'free'    => 'https://wordpress.org/plugins/counter-box/',
		'icon'    => 'counter-box.png',
		'title'   => 'Counter Box',
		'content' => 'Quickly and easily create countdowns, counters, and timers with a live preview.'
	],
	[
		'free'    => 'https://wordpress.org/plugins/button-generation/',
		'icon'    => 'button-generator.png',
		'title'   => 'Button Generator',
		'content' => 'The Button Generator plugin allows you to create stylish responsive buttons with a variety of CSS effects and informational badges.'
	],

	[
		'free'    => 'https://wordpress.org/plugins/cf7-coder/',
		'pro'     => '',
		'icon'    => 'HTML-Editor-CF7.png',
		'title'   => 'HTML Editor for Contact Form 7',
		'content' => 'Add HTML editor to Contact Form 7 with code highlighter.'
	],
	[
		'free'    => 'https://wordpress.org/plugins/markdown-comment/',
		'pro'     => '',
		'icon'    => 'markdown-comment.png',
		'title'   => 'Markdown Comment',
		'content' => 'Adds the ability to use Markdown formatting in comment.'
	],
];

$wp_themes = [
	[
		'free'    => 'https://wordpress.org/themes/iknowledgebase/',
		'icon'    => 'IknowledgeBase.png',
		'title'   => 'IKnowledgeBase',
		'content' => 'WordPress Knowledge Base Theme.'
	],
	[
		'free'    => 'https://wordpress.org/themes/knowledgecenter/',
		'icon'    => 'KnowledgeCenter.jpg',
		'title'   => 'KnowledgeCenter',
		'content' => 'WordPress Theme for easily create a knowledge base, help desk, support, wiki or site with products documentations.'
	],
];

// phpcs:disable PluginCheck.CodeAnalysis.ImageFunctions.NonEnqueuedImage
?>

    <div class="wrap full-width-layout wpie-page">

        <header class="wpie-page__header">

            <div class="wpie-badge">
                <img src="<?php
				echo esc_url( $logo ); ?>" alt="Wow-Company Logo">
            </div>

            <h1>Wow-Company</h1>

            <p class="about-text">
                Wow-Company is not a company in the literal sense. These different projects and WordPress Plugins are
                collected under one umbrella, which decided to call Wow-Company. At first, it all started as a hobby,
                and
                then it turned into an interesting daily job. </p>

        </header>

        <div class="wpie-page__content">
            <h2>WordPress plugins</h2>
            <div class="item-cards">
				<?php foreach ( $wp_plugins as $plugin ): ?>
                    <div class="item-card">
                        <div class="item-img">
                            <img src="<?php echo esc_url( $img_url . '/' . $plugin['icon'] ); ?>">
                        </div>
                        <div class="item-content">
                            <div class="item-title">
								<?php echo esc_html( $plugin['title'] ); ?></div>
                            <div class="item-links">
								<?php if ( ! empty( $plugin['free'] ) ) : ?>
                                    <a href="<?php echo esc_url( $plugin['free'] ); ?>">View details</a>
								<?php endif; ?>
                            </div>
                        </div>
                        <div class="item-description">
							<?php echo esc_html( $plugin['content'] ); ?>
                        </div>

                    </div>

				<?php endforeach; ?>

            </div>

            <h2>WordPress themes</h2>
            <div class="item-cards">
				<?php
				foreach ( $wp_themes as $theme ): ?>
                    <div class="item-card">
                        <div class="item-img">
                            <img src="<?php echo esc_url( $img_url . '/' . $theme['icon'] ); ?>">
                        </div>
                        <div class="item-content">
                            <div class="item-title">
								<?php echo esc_html( $theme['title'] ); ?></div>
                            <div class="item-links">
								<?php if ( ! empty( $theme['free'] ) ) : ?>
                                    <a href="<?php echo esc_url( $theme['free'] ); ?>">View details</a>
								<?php endif; ?>
                            </div>
                        </div>
                        <div class="item-description">
							<?php echo esc_html( $theme['content'] ); ?>
                        </div>

                    </div>

				<?php
				endforeach; ?>

            </div>

        </div>
    </div>
<?php
// phpcs:enable