<?php

if(!class_exists('PearlAnnouncements')) {
	class PearlAnnouncements
	{
		public $apiurl = 'https://stylemixthemes.com/api/announcement.json';
		public $announcement = array();

		function __construct()
		{
			add_action('wp_dashboard_setup', array($this, 'dashboard_changelog'));
			add_action('wp_dashboard_setup', array($this, 'dashboard_news'));
			add_action('admin_enqueue_scripts', array($this, 'scripts'));
		}

		function dashboard_changelog()
		{
			add_meta_box('pearl_dashboard_announcement', 'Announcement by StylemixThemes', array($this, 'announcement_screen'), 'dashboard', 'side', 'high');
		}

		function dashboard_news()
		{
			add_meta_box('pearl_dashboard_news', 'News by StylemixThemes', array($this, 'news_screen'), 'dashboard', 'side', 'high');
		}

		function announcement_screen()
		{ ?>
            <div id="pearl-announcement">
                <div v-for="announcement in announcements">
                    <div v-html="announcement.content"></div>
                </div>
            </div>
		<?php }

		function news_screen()
		{ ?>
            <div id="pearl-changelog">
                <ul>
                    <li v-for="item in news">
                        <a v-bind:href="item.link" v-html="item.title.rendered" target="_blank"></a>
                    </li>
                </ul>
            </div>
		<?php }

		function scripts($hook)
		{
			if ($hook == 'index.php') {
				$theme_info = time();
				$assets = STM_CONFIGURATIONS_URL . 'announcement/assets/';
				wp_enqueue_style('milligram', $assets . 'custom.css', null, $theme_info, 'all');

				wp_enqueue_script('vue.js', $assets . 'vue.min.js', null, $theme_info, true);
				wp_enqueue_script('vue-resource.js', $assets . 'vue-resource.js', array('vue.js'), $theme_info, true);
				wp_enqueue_script('pearl-vue.js', $assets . 'vue.js', array('vue.js'), $theme_info, true);
			}
		}
	}

	new PearlAnnouncements();
}