<?php

if (!defined('IN_WACKO'))
{
	exit;
}

/* gallery action:
 *
 * https://wackowiki.org/doc/Dev/PatchesHacks/Gallery
 * modify the script for your needs, please contribute your improvements
 *
 * requires PHP Thumb Library <https://github.com/PHPThumb/PHPThumb>
 * optional PhotoSwipe <https://photoswipe.com/>
 *

TODO:
	- add filter for categories cat="one,two"
*/

$info = <<<EOD
Description:
	Shows a image gallery.

Usage:
	{{gallery}}

Options:
	[page="PageName"]
		call image from another page
	[global=0|1]
		call global images
	[perrow=Number]
		Number of images per rows (default = 5)
	[caption=1|2]
		1 show file description, 2 show file caption
	[title="Gallery"]
		album title
	[target=1|2]
		show large images without page (if = 2 in new browser window)
	[nomark=1]
		hide external border
	[table=1]
		pictures in table

	[order="ext|name_desc|size|size_desc|time|time_desc"]
	[owner="UserName"]
	[max=Number]
EOD;

// include PHP Thumbnailer (see autoload.conf)

// set defaults
$caption		??= 1;
$global			??= 0;
$help			??= 0;
$max			??= 50;
$nav_offset		??= 1;
$nomark			??= 1;
$order			??= '';

$owner			??= '';
$page			??= '';
$perrow			??= 5;
$table			??= 1;
$target			??= 0;
$title			??= '';

if ($help)
{
	$tpl->help	= $this->help($info, 'gallery');
	return;
}

// loading parameters
$file_id		= (int) ($_GET['file_id'] ?? null);
$files			= [];
$limit			= (int) $max;
$images_row		= (int) $perrow;
$imgclass		= '';
$thumb_width	= (int) $this->db->max_thumb_width;

// we're using a parameter token here to sort out multiple instances
$param_token	= substr(hash('sha1', $global . $page . $caption . $target . $owner . $order . $max), 0, 8);

// add PhotoSwipe
if ($target == 2)
{
	$script = <<<EOD
import PhotoSwipeLightbox from '{$this->db->base_path}js/external/photoswipe/photoswipe-lightbox.esm.min.js';
import PhotoSwipeDynamicCaption from '{$this->db->base_path}js/external/photoswipe/photoswipe-dynamic-caption-plugin.esm.min.js';

const lightbox = new PhotoSwipeLightbox({
	gallery: '#gallery--$param_token',
	children: 'a',
	pswpModule: () => import('{$this->db->base_path}js/external/photoswipe/photoswipe.esm.min.js')
});

const captionPlugin = new PhotoSwipeDynamicCaption(lightbox, {
	type: 'auto',
	captionContent: '.pswp-caption-content',
});

lightbox.init();
EOD;

	$this->add_html('header', '<link rel="stylesheet" media="screen" href="' . $this->db->base_path . 'js/external/photoswipe/photoswipe.css">');
	$this->add_html('header', '<link rel="stylesheet" media="screen" href="' . $this->db->base_path . 'js/external/photoswipe/photoswipe-dynamic-caption-plugin.css">');
	$this->add_html('footer', '<script type="module">' . $script . '</script>');
}

$nav_offset		= (int) ($_GET[$param_token] ?? 1);

$order_by		= match($order) {
	'ext'			=> 'file_ext ASC',
	'name_desc'		=> 'file_name DESC',
	'size'			=> 'file_size ASC',
	'size_desc'		=> 'file_size DESC',
	'time'			=> 'created ASC',
	'time_desc'		=> 'created DESC',
	default			=> 'file_name ASC',
};

// do we allow to see?
if (!$global)
{
	if ($page == '')
	{
		$tag				= $this->tag;
		$source_page_tag	= $this->tag;
		$page_id			= $this->page['page_id'];
	}
	else
	{
		$tag				= $this->unwrap_link($page);
		$source_page_tag	= $tag;

		if ($_page_id = $this->get_page_id($tag))
		{
			$page_id		= $_page_id;
		}
	}

	$can_view	= $this->has_access('read', $page_id) || $this->is_admin() || $this->is_owner($page_id);
}
else
{
	$can_view			= true;
	$tag				= $this->tag;
	$source_page_tag	= '/';
}

if ($can_view)
{
	if ($global || ($tag == $this->tag))
	{
		$file_page = $this->page;
	}
	else
	{
		$file_page = $this->load_page($tag, 0, null, LOAD_CACHE, LOAD_META);
	}

	if (!$global && !isset($file_page['page_id']))
	{
		return;
	}

	$selector =
		'FROM ' . $this->prefix . 'file f ' .
			'INNER JOIN ' . $this->prefix . 'user u ON (f.user_id = u.user_id) ' .
			'LEFT JOIN ' . $this->prefix . 'page p ON (f.page_id = p.page_id) ' .
		"WHERE f.page_id = '" . (int) ($global ? 0 : $file_page['page_id']) . "' " .
			'AND f.picture_w <> 0 ' .
			'AND f.deleted <> 1 ' .
		($owner
			? 'AND u.user_name = ' . $this->db->q($owner) . ' '
			: '');

	// load only image files -> AND f.picture_w <> 0
	$count = $this->db->load_single(
		'SELECT COUNT(f.file_id) AS n ' .
		$selector, true);

	$pagination = $this->pagination($count['n'], $limit, $param_token);

	// load files list
	$files = $this->db->load_all(
		'SELECT f.file_id, f.page_id, f.user_id, f.file_size, f.picture_w, f.picture_h, f.file_ext, f.file_lang, f.file_name, f.file_description, f.caption, f.created, u.user_name AS user, p.tag ' .
		$selector .
		'ORDER BY f.' . $order_by . ' ' .
		"LIMIT {$pagination['offset']}, {$limit}", true);

	// Making a gallery
	$cur = 0;

	if (!$nomark)
	{
		$tpl->mark			= true;
		$tpl->mark_title	= $title;
		$tpl->emark			= true;
	}

	if (!isset($_GET['file_id']) || (isset($_GET['token']) && $_GET['token'] != $param_token))
	{
		if (!empty($files))
		{
			// pagination
			$tpl->pagination_text	= $pagination['text'];

			if ($table)
			{
				$tpl->table			= true;
				$tpl->table_token	= $param_token;
				$tpl->etable		= true;
			}
			else
			{
				$tpl->div			= true;
				$tpl->div_token		= $param_token;
				$tpl->ediv			= true;
			}

			$tpl->enter('items_');

			foreach ($files as $file)
			{
				$this->file_cache[$file['page_id']][$file['file_name']] = $file;

				$file_name			= $file['file_name'];
				$width				= '';
				$height				= '';

				// calculate relative height
				[$width, $height]	= $this->calc_img_size($thumb_width, $thumb_width, $file['picture_w'], $file['picture_h']);
				$tbn_name			= $this->thumb_name($file['file_name'], $width, $height, $file['file_ext']);

				if ($caption == 1)
				{
					$file_caption	= $file['file_description'];
				}
				else if ($caption == 2)
				{
					$file_caption	= $file['caption'];
				}

				$file_description	= $this->format(Ut::html($file['file_description']),	'typografica', ['lang' => $file['file_lang']]);
				$file_caption		= $this->format(Ut::html($file_caption),				'typografica', ['lang' => $file['file_lang']]);

				// check for upload location: global / per page
				if ($file['page_id'] == '0')
				{
					$src_path		= Ut::join_path(UPLOAD_GLOBAL_DIR, $file_name);
					$tbn_path		= Ut::join_path(THUMB_DIR, $tbn_name);
					$tbn_src		= $this->db->base_path . $tbn_path;
					$url			= $this->db->base_path . $src_path;
				}
				else
				{
					$src_path		= Ut::join_path(UPLOAD_LOCAL_DIR, '@' . $file_page['page_id'] . '@' . $file_name);
					$tbn_path		= Ut::join_path(THUMB_LOCAL_DIR,  '@' . $file_page['page_id'] . '@' . $tbn_name);
					$tbn_src		= $this->href('file', $source_page_tag, ['get' => $file_name, 'tbn' => $width . 'x' . $height]);
					$url			= $this->href('file', $source_page_tag, ['get' => $file_name]);
				}

				$tpl->img	= '<img src="' . $tbn_src . '" ' .
					'loading="lazy" ' .
					($file['file_description'] ? 'alt="' . $file_description . '" title="' . $file_description . '"' : '') .
					' width="' . $width . '" height="' . $height . '" ' .
					($imgclass ? 'class="' . $imgclass . '"' : '') . '>';

				// check for missing source image, we can't trust db record
				if (!file_exists($tbn_path) && file_exists($src_path))
				{
					$this->create_thumbnail($tbn_path, $src_path, $width, $height);
				}

				if ($table)
				{
					if ($cur == 0)
					{
						$tpl->row	= '<tr>';
					}

					$tpl->table = true;
				}

				if (!$target)
				{
					$tpl->href	= $this->href('', $this->tag, ['file_id' => $file['file_id'], $param_token => $nav_offset, 'token' => $param_token, '#' => $param_token]);
				}
				else
				{
					$tpl->href			= $url;

					// show file in lightbox via JS with data-attributes
					if ($target == 2)
					{
						$tpl->datawidth		= ' data-pswp-width="' . $file['picture_w'] . '"';
						$tpl->dataheight	= ' data-pswp-height="' . $file['picture_h'] . '"';
						$tpl->target		= ' target="_blank"';

						if ($file_caption)
						{
							$tpl->data_caption	= $file_caption;
						}
					}
				}

				// figcaption
				if ($caption)
				{
					$tpl->enter('caption_');

					$tpl->caption		= $file_caption;
					#$tpl->user			= $file['user'];
					#$tpl->dimension	= $file['picture_w'] . 'x' . $file['picture_h'];

					$tpl->leave();
				}

				$cur = ($cur + 1) % $images_row;

				if ($cur == 0)
				{
					$tpl->next	= ($table ? '</tr>' : '<br>');
				}
			}

			$tpl->leave();	// items
		}
	}
	else
	{
		// selected image
		$key		= array_search($file_id, array_column($files, 'file_id'));
		$file		= $files[$key];

		if ($file)
		{
			$tpl->enter('item_');

			if ($caption == 1)
			{
				$file_caption	= $file['file_description'];
			}
			else if ($caption == 2)
			{
				$file_caption	= $file['caption'];
			}

			$tpl->token			= $param_token;
			$tpl->caption		= $this->format(Ut::html($file_caption), 'typografica', ['lang' => $file['file_lang']]);

			if ($file['page_id'])
			{
				$path = 'file:/' . $file['tag'] . '/';
			}
			else
			{
				$path = 'file:/';
			}

			// show image
			if ($file['picture_w'] || $file['file_ext'] == 'svg')
			{
				$tpl->img		= $this->link($path . $file['file_name']);
			}

			// backlink
			$tpl->href		= $this->href('', $this->tag, [$param_token => $nav_offset, '#' => 'gallery--' . $param_token]);

			$tpl->enter('navigation_');

			if (array_key_exists($key - 1, $files))
			{
				$tpl->prev_href	= $this->href('', $this->tag, ['file_id' => $files[$key - 1]['file_id'], $param_token => $nav_offset, 'token' => $param_token, '#' => $param_token]);
			}

			if (array_key_exists($key - 1, $files) && array_key_exists($key + 1, $files))
			{
				$tpl->separator	= true;
			}

			if (array_key_exists($key + 1, $files))
			{
				$tpl->next_href	= $this->href('', $this->tag, ['file_id' => $files[$key + 1]['file_id'], $param_token => $nav_offset, 'token' => $param_token, '#' => $param_token]);
			}

			$tpl->leave();	// navigation
			$tpl->leave();	// item
		}
	}
}
else
{
	$tpl->noaccess = true;
}
