<div class="py-3 py-md-5 bg-light">
<div class="container">
<h1 class="text-center text-md-start">
<?= $meta->title; ?>
</h1>
<p class="lead text-center text-md-start">
<?= truncate($meta->description, 256); ?>
</p>
</div>
</div>
<?php if ($results): ?>
<div class="py-3 py-md-5">
<div class="container">
<div class="row">
<?php foreach ($results as $key => $val): ?>
<?php
$cover = null;
$thumbnail = null;
$images = json_decode($val->gallery_images, true);
if (! empty($images)) {
$num = 1;
foreach ($images as $src => $alt) {
if ($num >= 4) {
break;
}
if (1 == $num) {
$cover = $src;
} elseif ($num > 1) {
$thumbnail .= '<a href="' . go_to([$val->gallery_slug, $src]) . '" class="--xhr"><img src="' . get_image('galleries', $src, 'thumb') . '" class="w-100" /></a>';
}
$num++;
}
}
?>
<div class="col-lg-6">
<div class="rounded-4 overflow-hidden shadow-sm mb-3">
<div class="row g-0">
<div class="col-<?= (count($images) <= 2 ? 'md-' : null) . (count($images) == 2 ? 6 : (count($images) == 1 ? 12 : 9)); ?> text-center d-flex align-items-center" style="background:url(<?= get_image('galleries', $cover); ?>) center center no-repeat; background-size:cover; min-height:320px">
<div class="p-3 w-100" style="background:rgba(0, 0, 0, .5)">
<h4 class="text-light">
<span class="badge bg-primary float-end">
<?= count($images); ?>
</span>
<?= $val->gallery_title; ?>
</h4>
<p class="text-light">
<?= truncate($val->gallery_description, 160); ?>
</p>
<p class="text-light">
<?php if (count($images) > 4): ?>
<a href="<?= go_to($val->gallery_slug); ?>" class="btn btn-outline-light rounded-pill --xhr">
<i class="mdi mdi-folder-multiple-image"></i>
<?= phrase('Show all'); ?>
</a>
<?php else: ?>
<a href="<?= go_to([$val->gallery_slug, $cover]); ?>" class="btn btn-outline-light rounded-pill --xhr">
<i class="mdi mdi-magnify-plus"></i>
<?= phrase('Show'); ?>
</a>
<?php endif; ?>
</p>
</div>
</div>
<?php if (count($images) > 1): ?>
<div class="col-<?= (count($images) <= 2 ? 'md-' : null) . (count($images) > 2 ? 3 : 6); ?> bg-light d-flex align-items-center">
<div class="w-100">
<?= $thumbnail; ?>
</div>
</div>
<?php endif; ?>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
<?= pagination($pagination); ?>
</div>
</div>
<?php else: ?>
<div class="py-3 py-md-5">
<div class="container">
<div class="text-muted">
<i class="mdi mdi-information-outline"></i>
<?= phrase('No album are available at the moment.'); ?>
</div>
</div>
</div>
<?php endif; ?>
|