<?php
	/** @var FreshRSS_View $this */
	$this->partial('aside_configure');
?>

<main class="post">
	<div class="link-back-wrapper">
		<a class="link-back" href="<?= _url('index', 'index') ?>"><?= _t('gen.action.back_to_rss_feeds') ?></a>
	</div>

	<h1><?= _t('conf.display') ?></h1>

	<form method="post" action="<?= _url('configure', 'display') ?>">
		<input type="hidden" name="_csrf" value="<?= FreshRSS_Auth::csrfToken() ?>" />

		<div class="form-group">
			<label class="group-name" for="language"><?= _t('conf.display.language') ?></label>
			<div class="group-controls">
				<select name="language" id="language" data-leave-validation="<?= FreshRSS_Context::$user_conf->language ?>">
				<?php $languages = Minz_Translate::availableLanguages(); ?>
				<?php foreach ($languages as $lang) { ?>
				<option value="<?= $lang ?>"<?= FreshRSS_Context::$user_conf->language === $lang ? ' selected="selected"' : '' ?>><?= _t('gen.lang.' . $lang) ?></option>
				<?php } ?>
				</select>
			</div>
		</div>

		<div class="form-group">
			<label class="group-name" for="timezone"><?= _t('conf.display.timezone') ?></label>
			<div class="group-controls">
				<select name="timezone" id="timezone" data-leave-validation="<?= FreshRSS_Context::$user_conf->timezone ?>">
				<?php
					$timezones = array_merge([''], DateTimeZone::listIdentifiers());
					if (!in_array(FreshRSS_Context::$user_conf->timezone, $timezones, true)) {
						FreshRSS_Context::$user_conf->timezone = '';
					}
				?>
				<?php foreach ($timezones as $timezone): ?>
				<option value="<?= $timezone ?>"<?= FreshRSS_Context::$user_conf->timezone === $timezone ? ' selected="selected"' : '' ?>>
					<?= $timezone == '' ? _t('gen.short.by_default') . ' (' . FreshRSS_Context::defaultTimeZone() . ')' : $timezone ?>
				</option>
				<?php endforeach; ?>
				</select>
			</div>
		</div>

		<div class="form-group">
			<label class="group-name" for="theme"><?= _t('conf.display.theme') ?></label>
			<div class="group-controls">
				<ul class="theme-preview-list">
					<?php $slides = count($this->themes); $i = 1; $themeAvailable = false; ?>
					<?php  /** @var array{'id':string, 'deprecated':bool, 'author':string, 'name':string, 'description':string} $theme */
						foreach($this->themes as $theme) { ?>
						<?php if (FreshRSS_Context::$user_conf->theme === $theme['id']) {
							$checked = 'checked="checked"';
							$themeAvailable = true;
						} else {
							$checked = '';
						} ?>
						<input type="radio" name="theme" id="img-<?= $i ?>" <?= $checked ?> value="<?= $theme['id'] ?>"
							data-leave-validation="<?= (FreshRSS_Context::$user_conf->theme === $theme['id']) ? 1 : 0 ?>" />
						<li class="preview-container">
							<div class="preview">
								<img src="<?= Minz_Url::display('/themes/' . $theme['id'] . '/thumbs/original.png') ?>" loading="lazy" />
							</div>
							<div class="nav">
								<?php if ($i !== 1) {?>
									<label for="img-<?= $i - 1 ?>" class="prev">‹</label>
								<?php } ?>
								<?php if ($i !== $slides) {?>
									<label for="img-<?= $i + 1 ?>" class="next">›</label>
								<?php } ?>
							</div>
							<div class="properties">
								<div>
									<?php if (!empty($theme['deprecated'])) { ?>
										<span class="deprecated error"><?= _t('conf.display.theme.deprecated') ?>:</span>
									<?php } ?>
									<?= sprintf('%s — %s %s', $theme['name'], _t('gen.short.by_author'), $theme['author']) ?>
								</div>
								<div>
									<?php if (!empty($theme['deprecated'])) { ?>
										<span class="deprecated"><?= _t('conf.display.theme.deprecated.description') ?></span><br />
									<?php } ?>
									<?= $theme['description'] ?>
								</div>
								<div class="page-number"><?= sprintf('%d/%d', $i, $slides) ?></div>
							</div>
						</li>
						<?php $i++ ?>
					<?php } ?>
					<?php if (!$themeAvailable) {?>
						<input type="radio" name="theme" checked="checked" value="Origine" data-leave-validation="0" />
						<li class="preview-container">
							<div class="preview">
							</div>
							<div class="nav">
								<label for="img-<?= $i - 1 ?>" class="prev">‹</label>
							</div>
							<div class="properties alert-error">
								<div><?= _t('conf.display.theme_not_available', FreshRSS_Context::$user_conf->theme)?></div>
							</div>
						</li>
					<?php }?>
				</ul>
			</div>
		</div>

		<div class="form-group">
			<label class="group-name" for="darkMode"><?= _t('conf.display.darkMode') ?></label>
			<div class="group-controls">
				<select name="darkMode" id="darkMode" data-leave-validation="<?= FreshRSS_Context::$user_conf->darkMode ?>">
					<option value="no"<?= FreshRSS_Context::$user_conf->darkMode === 'no' ? ' selected' : '' ?>><?= _t('conf.display.darkMode.no') ?></option>
					<option value="auto"<?= FreshRSS_Context::$user_conf->darkMode === 'auto' ? ' selected' : '' ?>><?= _t('conf.display.darkMode.auto') ?></option>
				</select>
			</div>
		</div>

		<?php $width = FreshRSS_Context::$user_conf->content_width; ?>
		<div class="form-group">
			<label class="group-name" for="content_width"><?= _t('conf.display.width.content') ?></label>
			<div class="group-controls">
				<select name="content_width" id="content_width" required="" data-leave-validation="<?= $width ?>">
					<option value="thin" <?= $width === 'thin' ? 'selected="selected"' : '' ?>>
						<?= _t('conf.display.width.thin') ?>
					</option>
					<option value="medium" <?= $width === 'medium' ? 'selected="selected"' : '' ?>>
						<?= _t('conf.display.width.medium') ?>
					</option>
					<option value="large" <?= $width === 'large' ? 'selected="selected"' : '' ?>>
						<?= _t('conf.display.width.large') ?>
					</option>
					<option value="no_limit" <?= $width === 'no_limit' ? 'selected="selected"' : '' ?>>
						<?= _t('conf.display.width.no_limit') ?>
					</option>
				</select>
			</div>
		</div>

		<?php $topline_website = FreshRSS_Context::$user_conf->topline_website; ?>
		<div class="form-group">
			<label class="group-name" for="topline_website"><?= _t('conf.display.website.label') ?></label>
			<div class="group-controls">
				<select name="topline_website" id="topline_website" required="" data-leave-validation="<?= $topline_website ?>">
					<option value="none" <?= $topline_website === 'none' ? 'selected="selected"' : '' ?>>
						<?= _t('conf.display.website.none') ?>
					</option>
					<option value="icon" <?= $topline_website === 'icon' ? 'selected="selected"' : '' ?>>
						<?= _t('conf.display.website.icon') ?>
					</option>
					<option value="name" <?= $topline_website === 'name' ? 'selected="selected"' : '' ?>>
						<?= _t('conf.display.website.name') ?>
					</option>
					<option value="full" <?= $topline_website === 'full' ? 'selected="selected"' : '' ?>>
						<?= _t('conf.display.website.full') ?>
					</option>
				</select>
			</div>
		</div>

		<?php $topline_thumbnail = FreshRSS_Context::$user_conf->topline_thumbnail; ?>
		<div class="form-group">
			<label class="group-name" for="topline_thumbnail"><?= _t('conf.display.thumbnail.label') ?></label>
			<div class="group-controls">
				<select name="topline_thumbnail" id="topline_thumbnail" required="" data-leave-validation="<?= $topline_thumbnail ?>">
					<option value="none" <?= $topline_thumbnail === 'none' ? 'selected="selected"' : '' ?>>
						<?= _t('conf.display.thumbnail.none') ?>
					</option>
					<option value="portrait" <?= $topline_thumbnail === 'portrait' ? 'selected="selected"' : '' ?>>
						<?= _t('conf.display.thumbnail.portrait') ?>
					</option>
					<option value="square" <?= $topline_thumbnail === 'square' ? 'selected="selected"' : '' ?>>
						<?= _t('conf.display.thumbnail.square') ?>
					</option>
					<option value="landscape" <?= $topline_thumbnail === 'landscape' ? 'selected="selected"' : '' ?>>
						<?= _t('conf.display.thumbnail.landscape') ?>
					</option>
				</select>
			</div>
		</div>

		<div class="form-group">
			<label class="group-name"><?= _t('conf.display.icon.entry') ?></label>
			<div class="group-controls">
				<table class="config-articleicons">
					<thead>
						<tr>
							<th> </th>
							<th title="<?= _t('conf.shortcut.mark_read') ?>"><?= _i('read') ?></th>
							<th title="<?= _t('conf.shortcut.mark_favorite') ?>"><?= _i('starred') ?></th>
							<th><?= _t('conf.display.icon.related_tags') ?></th>
							<th><?= _t('conf.display.icon.sharing') ?></th>
							<th><?= _t('conf.display.icon.summary') ?></th>
							<th><?= _t('conf.display.icon.display_authors') ?></th>
							<th><?= _t('conf.display.icon.publication_date') ?></th>
							<th><?= _i('link') ?></th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<th><?= _t('conf.display.icon.top_line') ?></th>
							<td><input type="checkbox" name="topline_read" value="1"<?=
								FreshRSS_Context::$user_conf->topline_read ? ' checked="checked"' : '' ?>
								data-leave-validation="<?= FreshRSS_Context::$user_conf->topline_read ?>" /></td>
							<td><input type="checkbox" name="topline_favorite" value="1"<?=
								FreshRSS_Context::$user_conf->topline_favorite ? ' checked="checked"' : '' ?>
								data-leave-validation="<?= FreshRSS_Context::$user_conf->topline_favorite ?>" /></td>
							<td><input type="checkbox" disabled="disabled" /></td>
							<td><input type="checkbox" disabled="disabled" /></td>
							<td><input type="checkbox" name="topline_summary" value="1"<?=
								FreshRSS_Context::$user_conf->topline_summary ? 'checked="checked"' : '' ?>
								data-leave-validation="<?= FreshRSS_Context::$user_conf->topline_summary ?>" /></td>
							<td><input type="checkbox" name="topline_display_authors" value="1"<?=
								FreshRSS_Context::$user_conf->topline_display_authors ? ' checked="checked"' : '' ?>
								data-leave-validation="<?= FreshRSS_Context::$user_conf->topline_display_authors ?>" /></td>
							<td><input type="checkbox" name="topline_date" value="1"<?=
								FreshRSS_Context::$user_conf->topline_date ? ' checked="checked"' : '' ?>
								data-leave-validation="<?= FreshRSS_Context::$user_conf->topline_date ?>" /></td>
							<td><input type="checkbox" name="topline_link" value="1"<?= FreshRSS_Context::$user_conf->topline_link ? ' checked="checked"' : '' ?>
								data-leave-validation="<?= FreshRSS_Context::$user_conf->topline_link ?>" /></td>
						</tr><tr>
							<th><?= _t('conf.display.icon.bottom_line') ?></th>
							<td><input type="checkbox" name="bottomline_read" value="1"<?=
								FreshRSS_Context::$user_conf->bottomline_read ? ' checked="checked"' : '' ?>
								data-leave-validation="<?= FreshRSS_Context::$user_conf->bottomline_read ?>" /></td>
							<td><input type="checkbox" name="bottomline_favorite" value="1"<?=
								FreshRSS_Context::$user_conf->bottomline_favorite ? ' checked="checked"' : '' ?>
								data-leave-validation="<?= FreshRSS_Context::$user_conf->bottomline_favorite ?>" /></td>
							<td><input type="checkbox" name="bottomline_tags" value="1"<?=
								FreshRSS_Context::$user_conf->bottomline_tags ? ' checked="checked"' : '' ?>
								data-leave-validation="<?= FreshRSS_Context::$user_conf->bottomline_tags ?>" /></td>
							<td><input type="checkbox" name="bottomline_sharing" value="1"<?=
								FreshRSS_Context::$user_conf->bottomline_sharing ? ' checked="checked"' : '' ?>
								data-leave-validation="<?= FreshRSS_Context::$user_conf->bottomline_sharing ?>" /></td>
							<td><input type="checkbox" disabled="disabled" /></td>
							<td><input type="checkbox" disabled="disabled" /></td>
							<td><input type="checkbox" name="bottomline_date" value="1"<?=
								FreshRSS_Context::$user_conf->bottomline_date ? ' checked="checked"' : '' ?>
								data-leave-validation="<?= FreshRSS_Context::$user_conf->bottomline_date ?>" /></td>
							<td><input type="checkbox" name="bottomline_link" value="1"<?=
								FreshRSS_Context::$user_conf->bottomline_link ? ' checked="checked"' : '' ?>
								data-leave-validation="<?= FreshRSS_Context::$user_conf->bottomline_link ?>" /></td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>

		<div class="form-group">
			<label class="group-name" for="html5_notif_timeout"><?= _t('conf.display.notif_html5.timeout') ?></label>
			<div class="group-controls">
				<input type="number" id="html5_notif_timeout" name="html5_notif_timeout" value="<?=
					FreshRSS_Context::$user_conf->html5_notif_timeout ?>"
					data-leave-validation="<?= FreshRSS_Context::$user_conf->html5_notif_timeout ?>" /> <?= _t('conf.display.notif_html5.seconds') ?>
			</div>
		</div>

		<div class="form-group">
			<div class="group-controls">
				<label class="checkbox" for="show_nav_buttons">
					<input type="checkbox" name="show_nav_buttons" id="show_nav_buttons" value="1"<?=
						FreshRSS_Context::$user_conf->show_nav_buttons ? ' checked="checked"' : '' ?>
						data-leave-validation="<?= FreshRSS_Context::$user_conf->show_nav_buttons ?>" />
					<?= _t('conf.display.show_nav_buttons') ?>
				</label>
			</div>
		</div>

		<div class="form-group form-actions">
			<div class="group-controls">
				<button type="submit" class="btn btn-important"><?= _t('gen.action.submit') ?></button>
				<button type="reset" class="btn"><?= _t('gen.action.cancel') ?></button>
			</div>
		</div>
	</form>
</main>
