<?php
/**
 * Haupt-Fallback-Template (von WordPress für jede Theme zwingend gefordert).
 *
 * Wird für alle Ansichten genutzt, für die es kein spezielleres Template gibt
 * (Blog-Index, Archive, Einzelbeiträge, Suche, 404 …). Die Startseite nutzt
 * front-page.php.
 *
 * @package drogentest-online
 */

get_header();
?>

<section class="dgt-archive">
	<div class="container-fluid" style="padding-left:clamp(20px,4vw,56px);padding-right:clamp(20px,4vw,56px);padding-top:40px;padding-bottom:48px;">

		<?php if ( have_posts() ) : ?>

			<?php if ( is_home() && ! is_front_page() ) : ?>
				<h1 class="dgt-au-title" style="margin-bottom:1.5rem;"><?php single_post_title(); ?></h1>
			<?php elseif ( is_archive() ) : ?>
				<h1 class="dgt-au-title" style="margin-bottom:1.5rem;"><?php the_archive_title(); ?></h1>
			<?php elseif ( is_search() ) : ?>
				<h1 class="dgt-au-title" style="margin-bottom:1.5rem;">
					<?php printf( esc_html__( 'Suchergebnisse für: %s', 'drogentest-online' ), '<span>' . esc_html( get_search_query() ) . '</span>' ); ?>
				</h1>
			<?php endif; ?>

			<div class="row g-4">
				<?php while ( have_posts() ) : the_post(); ?>
					<article <?php post_class( 'col-md-6 col-md-4' ); ?>>
						<div class="dgt-feature" style="flex-direction:column;align-items:flex-start;">
							<?php if ( has_post_thumbnail() ) : ?>
								<a href="<?php the_permalink(); ?>" style="display:block;width:100%;margin-bottom:1rem;">
									<?php the_post_thumbnail( 'medium', array( 'style' => 'border-radius:12px;width:100%;height:auto;' ) ); ?>
								</a>
							<?php endif; ?>
							<h2 class="dgt-feature-title" style="font-size:1.15rem;">
								<a href="<?php the_permalink(); ?>" style="color:inherit;"><?php the_title(); ?></a>
							</h2>
							<p class="dgt-feature-text"><?php echo esc_html( wp_trim_words( get_the_excerpt(), 24 ) ); ?></p>
							<a href="<?php the_permalink(); ?>" class="btn dgt-btn dgt-btn-outline" style="margin-top:.75rem;"><?php echo esc_html( get_the_title() ); ?> lesen</a>
						</div>
					</article>
				<?php endwhile; ?>
			</div>

			<div style="margin-top:2rem;">
				<?php the_posts_pagination( array( 'mid_size' => 1 ) ); ?>
			</div>

		<?php else : ?>

			<div style="text-align:center;padding:60px 0;">
				<h1 class="dgt-au-title">Nichts gefunden</h1>
				<p class="dgt-au-lead" style="margin:1rem auto 1.5rem;">Leider wurde zu deiner Anfrage nichts gefunden.</p>
				<a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="btn dgt-btn dgt-btn-primary">Zur Startseite</a>
			</div>

		<?php endif; ?>

	</div>
</section>

<?php
get_footer();