<?php
/**
 * @copyright	Copyright (C) 2015 Cédric KEIFLIN alias ced1870
 * https://www.template-creator.com
 * https://www.joomlack.fr
 * @license		GNU/GPL
 * */
 
defined('_JEXEC') or die('Restricted access');

class plgPagebuilderckFlipbox extends \Joomla\CMS\Plugin\CMSPlugin {

	private $context = 'PLG_PAGEBUILDERCK_FLIPBOX';

	private $type = 'flipbox';

	function __construct(&$subject, $params) {

		parent::__construct($subject, $params);
	}

	public function callAssets() {
		// load the script in the page in admin and front
		$doc = Pagebuilderck\CKFof::getDocument();
		PagebuilderckFrontHelper::addStylesheet(Pagebuilderck\CKUri::root(true) . '/plugins/pagebuilderck/flipbox/assets/flipbox.css');
		$doc->addScript(Pagebuilderck\CKUri::root(true) . '/plugins/pagebuilderck/flipbox/assets/flipbox.js');
	}

	/* 
	 * Construct the Menu Item to drag into the interface
	 *
	 * Return Object with item data
	 */
	public function onPagebuilderckAddItemToMenu() {
		$this->callAssets();
		// load the language files of the plugin
		$this->loadLanguage();
		// create the menu item
		$menuitem = new stdClass();
		$menuitem->type = $this->type;
		$menuitem->group = 'text';
		$menuitem->title = Pagebuilderck\CKText::_($this->context . '_MENUITEM_TITLE');
		$menuitem->description = Pagebuilderck\CKText::_($this->context . '_MENUITEM_DESC');
		$menuitem->image = Pagebuilderck\CKUri::root(true) . '/plugins/pagebuilderck/flipbox/assets/images/flipbox.svg';

		return $menuitem;
	}

	/* 
	 * Display the html code for the item to be used into the interface
	 *
	 * Return String the html code
	 */
	public function onPagebuilderckLoadItemContentFlipbox() {
		$input = Pagebuilderck\CKFof::getInput();
		$id = $input->get('ckid', '', 'string');
		// ckstyle and inner classes are needed to get the styles from the interface
		?>
		<div id="<?php echo $id; ?>" class="cktype" data-type="flipbox" onshow="pbck_flipbox_init('<?php echo $id; ?>');ckAddEditionForNestedAddons('#<?php echo $id; ?>');">
			<div class="tab_effects ckprops" blocfxdur="1" blocfxdelay="0" blocfxopacity="1" blochoverfxopacity="1" blocfxmovedir="ltrck" blocfxrotrad="0" blochoverfxrotrad="0" blocfxscale="1" blochoverfxscale="1" blocfxblur="0" blochoverfxblur="0" blocfxbrightness="1" blochoverfxbrightness="1" blocfxgrayscale="0" blochoverfxgrayscale="0" fieldslist="blocfxdur,blocfxdelay,blocfxopacity_enable,blocfxopacity,blochoverfxopacity_enable,blochoverfxopacity,blocfxmovedir,blocfxmovedist_enable,blochoverfxmovedist_enable,blocfxrotrad_enable,blocfxrotrad,blochoverfxrotrad_enable,blochoverfxrotrad,blocfxscale_enable,blocfxscale,blochoverfxscale_enable,blochoverfxscale,blocfxblur_enable,blocfxblur,blochoverfxblur_enable,blochoverfxblur,blocfxbrightness_enable,blocfxbrightness,blochoverfxbrightness_enable,blochoverfxbrightness,blocfxgrayscale_enable,blocfxgrayscale,blochoverfxgrayscale_enable,blochoverfxgrayscale"></div>
			<div class="tab_rearflipbox ckprops" rearflipboxbackgroundcolorstart="#4a4a4a" rearflipboxbackgroundpositionend="100" rearflipboxbackgrounddirection="topbottom" rearflipboxbackgroundopacity="100" rearflipboxbackgroundimageattachment="scroll" rearflipboxbackgroundimagerepeat="no-repeat" rearflipboxbackgroundimagesize="auto" rearflipboxcolor="#f5f5f5" rearflipboxalignementcenter="checked" rearflipboxpaddings="20" rearflipboxbordertopstyle="solid" rearflipboxborderrightstyle="solid" rearflipboxborderbottomstyle="solid" rearflipboxborderleftstyle="solid" rearflipboxbordersstyle="solid" rearflipboxborderradius="5" rearflipboxshadowopacity="50" rearflipboxshadowinset="0" fieldslist="rearflipboxbackgroundcolorstart,rearflipboxbackgroundpositionend,rearflipboxbackgrounddirection,rearflipboxbackgroundopacity,rearflipboxbackgroundimageattachment,rearflipboxbackgroundimagerepeat,rearflipboxbackgroundimagesize,rearflipboxcolor,rearflipboxalignementleft,rearflipboxalignementcenter,rearflipboxalignementright,rearflipboxalignementjustify,rearflipboxpaddings,rearflipboxbordertopstyle,rearflipboxborderrightstyle,rearflipboxborderbottomstyle,rearflipboxborderleftstyle,rearflipboxbordersstyle,rearflipboxborderradius,rearflipboxshadowopacity,rearflipboxshadowinset"></div>
			<div class="tab_frontflipbox ckprops" frontflipboxbackgroundcolorstart="#fff" frontflipboxbackgroundpositionend="100" frontflipboxbackgrounddirection="topbottom" frontflipboxbackgroundopacity="100" frontflipboxbackgroundimageattachment="scroll" frontflipboxbackgroundimagerepeat="no-repeat" frontflipboxbackgroundimagesize="auto" frontflipboxalignementcenter="checked" frontflipboxpaddings="20" frontflipboxbordertopstyle="solid" frontflipboxborderrightstyle="solid" frontflipboxborderbottomstyle="solid" frontflipboxborderleftstyle="solid" frontflipboxborderscolor="#dddddd" frontflipboxborderssize="1" frontflipboxbordersstyle="solid" frontflipboxborderradius="5" frontflipboxshadowopacity="50" frontflipboxshadowinset="0" fieldslist="frontflipboxbackgroundpositionend,frontflipboxbackgrounddirection,frontflipboxbackgroundopacity,frontflipboxbackgroundimageattachment,frontflipboxbackgroundimagerepeat,frontflipboxbackgroundimagesize,frontflipboxalignementleft,frontflipboxalignementcenter,frontflipboxalignementright,frontflipboxalignementjustify,frontflipboxpaddings,frontflipboxbordertopstyle,frontflipboxborderrightstyle,frontflipboxborderbottomstyle,frontflipboxborderleftstyle,frontflipboxborderscolor,frontflipboxborderssize,frontflipboxbordersstyle,frontflipboxborderradius,frontflipboxshadowopacity,frontflipboxshadowinset,frontflipboxbackgroundcolorstart"></div>
			<div class="ckstyle">
				<style>
				#<?php echo $id; ?> .ui-flipbox-header .pbckicon {
				}

				#<?php echo $id; ?> .flipboxck-front {
					border: #dddddd 1px solid;
					-moz-border-radius: 5px;
					-o-border-radius: 5px;
					-webkit-border-radius: 5px;
					border-radius: 5px;
					-moz-border-radius: 5px 5px 5px 5px;
					-o-border-radius: 5px 5px 5px 5px;
					-webkit-border-radius: 5px 5px 5px 5px;
					border-radius: 5px 5px 5px 5px;
					padding: 20px;
					text-align: center;
					background: #fff;
				}

				#<?php echo $id; ?> .flipboxck-rear {
					background-color: #4a4a4a;
					background-color: rgba(74,74,74,1);
					-moz-border-radius: 5px;
					-o-border-radius: 5px;
					-webkit-border-radius: 5px;
					border-radius: 5px;
					-moz-border-radius: 5px 5px 5px 5px;
					-o-border-radius: 5px 5px 5px 5px;
					-webkit-border-radius: 5px 5px 5px 5px;
					border-radius: 5px 5px 5px 5px;
					color: #f5f5f5;
					padding: 20px;
					text-align: center;
				}
				</style>
			</div>
			<div class="inner">
				<div class="flipboxck-front itemcontentck">
					<div class="flipboxck-front-inner">
						<div class="innercontent">
							<div id="<?php echo $id; ?>1" class="cktype" data-type="heading" style="position: relative;" data-align="center" data-layout="top"><div class="tab_effects ckprops" blocfxdur="1" blocfxdelay="0" blocfxopacity="1" blochoverfxopacity="1" blocfxmovedir="ltrck" blocfxrotrad="0" blochoverfxrotrad="0" blocfxscale="1" blochoverfxscale="1" blocfxblur="0" blochoverfxblur="0" blocfxbrightness="1" blochoverfxbrightness="1" blocfxgrayscale="0" blochoverfxgrayscale="0" fieldslist="blocfxdur,blocfxdelay,blocfxopacity_enable,blocfxopacity,blochoverfxopacity_enable,blochoverfxopacity,blocfxmovedir,blocfxmovedist_enable,blochoverfxmovedist_enable,blocfxrotrad_enable,blocfxrotrad,blochoverfxrotrad_enable,blochoverfxrotrad,blocfxscale_enable,blocfxscale,blochoverfxscale_enable,blochoverfxscale,blocfxblur_enable,blocfxblur,blochoverfxblur_enable,blochoverfxblur,blocfxbrightness_enable,blocfxbrightness,blochoverfxbrightness_enable,blochoverfxbrightness,blocfxgrayscale_enable,blocfxgrayscale,blochoverfxgrayscale_enable,blochoverfxgrayscale"></div><div class="tab_blocstyles ckprops" blocbackgroundpositionend="100" blocbackgrounddirection="topbottom" blocbackgroundopacity="100" blocbackgroundimageattachment="scroll" blocbackgroundimagerepeat="no-repeat" blocbackgroundimagesize="auto" blocbordertopstyle="solid" blocborderrightstyle="solid" blocborderbottomstyle="solid" blocborderleftstyle="solid" blocbordersstyle="solid" blocshadowopacity="50" blocshadowinset="0" fieldslist="blocbackgroundpositionend,blocbackgrounddirection,blocbackgroundopacity,blocbackgroundimageattachment,blocbackgroundimagerepeat,blocbackgroundimagesize,blocalignementleft,blocalignementcenter,blocalignementright,blocalignementjustify,blocbordertopstyle,blocborderrightstyle,blocborderbottomstyle,blocborderleftstyle,blocbordersstyle,blocshadowopacity,blocshadowinset"></div><div class="tab_iconstyles ckprops" iconicontype="svg" iconiconsvgsize="44" iconiconsvgstrokewidth="1" iconbackgroundpositionend="100" iconbackgrounddirection="topbottom" iconbackgroundopacity="100" iconbackgroundimageattachment="scroll" iconbackgroundimagerepeat="no-repeat" iconbackgroundimagesize="auto" iconbordertopstyle="solid" iconborderrightstyle="solid" iconborderbottomstyle="solid" iconborderleftstyle="solid" iconbordersstyle="solid" iconshadowopacity="50" iconshadowinset="0" fieldslist="iconicontype,iconiconsvgsize,iconiconsvgstrokewidth,iconalignementleft,iconalignementcenter,iconalignementright,iconbackgroundpositionend,iconbackgrounddirection,iconbackgroundopacity,iconbackgroundimageattachment,iconbackgroundimagerepeat,iconbackgroundimagesize,iconbordertopstyle,iconborderrightstyle,iconborderbottomstyle,iconborderleftstyle,iconbordersstyle,iconshadowopacity,iconshadowinset"></div><div class="tab_titleedition ckprops" headingalignementcenter="checked" fieldslist="headingalignementleft,headingalignementcenter,headingalignementright,titlealignementleft,titlealignementcenter,titlealignementright,titlealignementjustify"></div>
			<div class="ckstyle"><style>#<?php echo $id; ?>1 {  }#<?php echo $id; ?>1:hover {  }
		#<?php echo $id; ?>1 svg * {
	stroke-width: 1;
}

		#<?php echo $id; ?>1 svg.ionicon *, #<?php echo $id; ?>1 svg.fontawesome *,#<?php echo $id; ?>1 svg.svgicon-ionicon *, #<?php echo $id; ?>1 svg.svgicon-fontawesome *{
	stroke-width: 16;
}
		
		#<?php echo $id; ?>1 svg {
	width: 44px;
	height: 44px;
}
</style></div>
			<div class="inner">
				<div class="iconck"><span class="pbckicon" data-path="tabler_photo.svg" data-pos="" data-icon-type="svg"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-photo" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" style="display: inline-block;">
  
  <line x1="15" y1="8" x2="15.01" y2="8"></line>
  <rect x="4" y="4" width="16" height="16" rx="3"></rect>
  <path d="M4 15l4 -4a3 5 0 0 1 3 0l5 5"></path>
  <path d="M14 14l1 -1a3 5 0 0 1 3 0l2 2"></path>
</svg></span></div>
				
			<h3 class="titleck" contenteditable="true">Title</h3></div>
		</div>
						</div>
					</div>
				</div>
				<div class="flipboxck-rear itemcontentck">
					<div class="flipboxck-rear-inner">
						<div class="innercontent">
							<div id="<?php echo $id; ?>2" class="cktype ckinlineeditable" data-type="text" style="position: relative;">
			<div class="ckstyle"></div>
			<div class="cktext inner mce-content-body" style="position: relative;" spellcheck="false" id="mce_0" contenteditable="true"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed molestie scelerisque ultrices. Nullam venenatis, felis ut accumsan vestibulum, diam leo congue nisl, eget luctus sapien libero eget urna. Duis ac pellentesque nisi.</p></div>
		</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<?php
	}


	/* 
	 * Load the interface for the item edition
	 *
	 * Return String the html code
	 */
	public function onPagebuilderckLoadItemOptionsFlipbox() {
		// load the language files of the plugin
		$this->loadLanguage();
		// load the interface for the options
		$tpl = JPATH_SITE . '/plugins/pagebuilderck/flipbox/layouts/edit_flipbox.php';
		return $tpl;
	}

	/* 
	 * Display the html code for the item to be used into the frontend page
	 * @param string the item object from simple_html_dom
	 * 
	 * Return String the html code
	 */
	public function onPagebuilderckRenderItemFlipbox($item) {
		$this->callAssets();

		return $item->innertext;
	}
}