<?php

/**
 * @package     Joomla.Administrator
 * @subpackage  com_associations
 *
 * @copyright   (C) 2017 Open Source Matters, Inc. <https://www.joomla.org>
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */

defined('_JEXEC') or die;

use Joomla\CMS\Language\Text;
use Joomla\CMS\Router\Route;

/** @var \Joomla\Component\Associations\Administrator\View\Association\HtmlView $this */

/** @var Joomla\CMS\WebAsset\WebAssetManager $wa */
$wa = $this->getDocument()->getWebAssetManager();
$wa->useScript('keepalive')
    ->useScript('form.validate')
    ->usePreset('com_associations.sidebyside')
    ->useScript('webcomponent.core-loader');

$options = [
    'layout'   => $this->app->getInput()->get('layout', '', 'string'),
    'itemtype' => $this->itemType,
    'id'       => $this->referenceId,
];
?>
<button id="toggle-left-panel" class="btn btn-sm btn-secondary"
        data-show-reference="<?php echo Text::_('COM_ASSOCIATIONS_EDIT_SHOW_REFERENCE'); ?>"
        data-hide-reference="<?php echo Text::_('COM_ASSOCIATIONS_EDIT_HIDE_REFERENCE'); ?>"><?php echo Text::_('COM_ASSOCIATIONS_EDIT_HIDE_REFERENCE'); ?>
</button>

<form action="<?php echo Route::_('index.php?option=com_associations&view=association&' . http_build_query($options)); ?>" method="post" name="adminForm" id="adminForm" class="form-validate" data-associatedview="<?php echo $this->typeName; ?>">
    <div class="sidebyside">
        <div class="outer-panel" id="left-panel">
            <div class="inner-panel">
                <h3><?php echo Text::_('COM_ASSOCIATIONS_REFERENCE_ITEM'); ?></h3>
                <iframe id="reference-association" name="reference-association" title="reference-association"
                    src="<?php echo Route::_($this->editUri . '&task=' . $this->typeName . '.edit&id=' . (int) $this->referenceId); ?>"
                    height="400" width="400"
                    data-action="edit"
                    data-item="<?php echo $this->escape($this->typeName); ?>"
                    data-id="<?php echo $this->escape($this->referenceId); ?>"
                    data-title="<?php echo $this->escape($this->referenceTitle); ?>"
                    data-title-value="<?php echo $this->escape($this->referenceTitleValue); ?>"
                    data-language="<?php echo $this->escape($this->referenceLanguage); ?>"
                    data-editurl="<?php echo Route::_($this->editUri); ?>">
                </iframe>
            </div>
        </div>
        <div class="outer-panel" id="right-panel">
            <div class="inner-panel">
                <div class="language-selector">
                    <div class="clearfix">
                        <h3 class="target-text"><?php echo Text::_('COM_ASSOCIATIONS_ASSOCIATED_ITEM'); ?></h3>
                    </div>
                    <div class="langtarget">
                        <div class="visually-hidden">
                            <?php echo $this->form->getLabel('itemlanguage'); ?>
                        </div>
                        <?php echo $this->form->getInput('itemlanguage'); ?>
                    </div>
                    <div class="modaltarget">
                        <?php echo $this->form->getInput('modalassociation'); ?>
                    </div>
                </div>
                <iframe id="target-association" name="target-association" title="target-association"
                    src="<?php echo $this->defaultTargetSrc; ?>"
                    height="400" width="400"
                    data-action="<?php echo $this->targetAction; ?>"
                    data-item="<?php echo $this->typeName; ?>"
                    data-id="<?php echo $this->targetId; ?>"
                    data-title="<?php echo $this->targetTitle; ?>"
                    data-language="<?php echo $this->targetLanguage; ?>"
                    data-editurl="<?php echo Route::_($this->editUri); ?>">
                </iframe>
            </div>
        </div>
    </div>

    <?php echo $this->form->renderControlFields(); ?>
</form>
