<?php
/**
 * @copyright	Copyright (C) 2011 Simplify Your Web, Inc. All rights reserved.
 * @license		GNU General Public License version 3 or later; see LICENSE.txt
 */

// no direct access
defined('_JEXEC') or die ;

jimport('joomla.filesystem.file');
jimport('joomla.form.formfield');

/**
 *
 * @author Olivier Buisard
 *
 * field parameters
 *
 * accept: allowed extensions - defaults to .gif,.jpg,.png
 * size
 * maxlength
 * class
 * disabled
 * onchange
 * showpreview: show the file preview - defaults to false
 * width: the preview max width - defaults to 200
 * height: the preview max width
 * showname: show the file name - defaults to false
 *
 */
class JFormFieldSYWImageFilePreview extends JFormField
{
    public $type = 'SYWImageFilePreview';

    protected $width;
    protected $height;
    protected $show_name;
    protected $show_preview;
    protected $clear;

    protected function getInput()
    {
        $html = '';

        $lang = JFactory::getLanguage();
        $lang->load('lib_syw.sys', JPATH_SITE);

        // Initialize some field attributes.
        $accept = $this->element['accept'] ? ' accept="' . (string) $this->element['accept'] . '"' : ' accept=".gif,.jpg,.png"';
        $size = $this->element['size'] ? ' size="' . (int) $this->element['size'] . '"' : '';
        $maxLength = $this->element['maxlength'] ? ' maxlength="' . (int) $this->element['maxlength'] . '"' : '';
        $class = $this->element['class'] ? ' class="' . (string) $this->element['class'] . '"' : '';
        $disabled = ((string) $this->element['disabled'] == 'true') ? ' disabled="disabled"' : '';

        $onchange = $this->element['onchange'] ? ' onchange="' . (string) $this->element['onchange'] . '"' : '';

        $html .= '<input type="file" name="' . $this->getName($this->fieldname . '_file') . '" id="' . $this->id . '_file"' . $accept . $disabled . $class . $size . $maxLength . $onchange . ' />';
        $html .= '<input type="hidden" name="' . $this->name . '" id="' . $this->id . '"' . ' value="'. htmlspecialchars($this->value, ENT_COMPAT, 'UTF-8') .'" />';

        $path = htmlspecialchars($this->value, ENT_COMPAT, 'UTF-8');

        if ($this->show_preview) {

            $style = '';

            $style .= 'max-width: '.$this->width.'px;';

            if (!empty($this->height)) {
                $style .= 'max-height: '.$this->height.'px;';
            }

            $html .= '<div id="'.$this->id.'_preview" style="'.$style.' overflow: auto; border: 1px solid #ccc; border-radius: 3px; padding: 10px; margin-top: 5px; text-align: center">';

            if (!empty($path)) {

                $html .= '<div class="image_preview">';

                $parts = explode('/', $path);

                $html .= '<img src="'.JURI::root().$path.'" alt="'.end($parts).'" style="max-width: 100%">';

//                 $extensions_needing_fallbacks = array('webp', 'avif');
//                 $image_extension = JFile::getExt($path);
//                 if (in_array($image_extension, $extensions_needing_fallbacks)) {
//                 	$html .= '<br /><br /><span style="font-size: .8em">'.JText::_('LIB_SYW_IMAGEPREVIEW_PREVIEWMAYNOTBEAVAILABLE').'</span>';
//                 }

                if ($this->show_name) {
                    $html .= '<br /><br /><span class="file_name">'.end($parts).'</span>';
                }

                // clear button
                if ($this->clear) {
                    $html .= '<br /><br /><a href="#" onclick="jQuery(\'#' . $this->id . '_preview\').find(\'.image_preview\').hide(); jQuery(\'#' . $this->id . '\').val(\'\'); jQuery(\'#' . $this->id . '_preview\').find(\'.no_preview\').show(); return false;" class="btn btn-small">' . JText::_('JACTION_DELETE') . '</a>';
                }

                $html .= '</div>';

                if ($this->clear) {
                    $html .= '<div class="no_preview" style="display: none">';
                        $html .= '<span>'.JText::_('LIB_SYW_IMAGEPREVIEW_NOPREVIEW').'</span>';
                    $html .= '</div>';
                }

            } else {
                // no preview available
                $html .= '<span>'.JText::_('LIB_SYW_IMAGEPREVIEW_NOPREVIEW').'</span>';
            }

            $html .= '</div>';
        } else {
                $html .= '<br /><br />';

                $parts = explode('/', $path);

                if ($this->clear) {
                    $html .= '<div class="input-append">';
                }

                $html .= '<input id="'.$this->id.'_filename" type="text" disabled="disabled" value="'.end($parts).'" />';

                if ($this->clear) {
                    $html .= '<a href="#" onclick="jQuery(\'#' . $this->id . '_filename\').val(\'\'); jQuery(\'#' . $this->id . '\').val(\'\'); return false;" class="btn">' . JText::_('JACTION_DELETE') . '</a>';
                    $html .= '</div>';
                }
        }

        return $html;
    }

    public function setup(SimpleXMLElement $element, $value, $group = null)
    {
        $return = parent::setup($element, $value, $group);

        if ($return) {
        	$this->width = isset($this->element['width']) ? trim((string)$this->element['width']) : '200';
        	$this->height = isset($this->element['height']) ? trim((string)$this->element['height']) : '';
            $this->show_name = isset($this->element['showname']) ? filter_var($this->element['showname'], FILTER_VALIDATE_BOOLEAN) : false;
            $this->show_preview = isset($this->element['showpreview']) ? filter_var($this->element['showpreview'], FILTER_VALIDATE_BOOLEAN) : false;
            $this->clear = isset($this->element['clear']) ? filter_var($this->element['clear'], FILTER_VALIDATE_BOOLEAN) : true;
        }

        return $return;
    }

}