<?php
/**
 * Template Part: Страница «О нас» — верхний блок
 * Структура соответствует Figma (node 153:568 «О компании»):
 *   — серый фон секции (#E5E5E5) + фоновое фото (absolute, за всем)
 *   — Заголовок H1 + italic subtitle (centered)
 *   — Белая карточка (border-radius 32px, 1400px): текст (centered, compact)
 *     + фото здания (full-width) ниже
 *   — Тёмный стат-бар (position:absolute, шире карточки) у нижнего края секции
 *
 * Изображения: Admin → страница «О нас» → метабоксы
 * Тексты:      Admin → TACTIC → Переводы
 *
 * @package tactic
 */

$about_page = get_page_by_path( 'about' ) ?? get_page_by_path( 'o-kompanii' );
$page_id    = $about_page ? $about_page->ID : get_the_ID();

/* ── Изображения ── */
$bg_id       = (int) get_post_meta( $page_id, '_about_hero_bg_id',  true );
$building_id = (int) get_post_meta( $page_id, '_about_building_id', true );

$bg_src      = $bg_id       ? wp_get_attachment_image_url( $bg_id,       'full' ) : '';
$building_src = $building_id ? wp_get_attachment_image_url( $building_id, 'full' ) : '';

/* Дефолтный фон секции (если WP-изображение не задано) */
$default_bg = get_template_directory_uri() . '/assets/images/about-hero-bg.png';
if ( ! $bg_src ) {
	$bg_src = $default_bg;
}

/* Дефолтное фото здания внутри карточки */
$default_building = get_template_directory_uri() . '/assets/images/about-building-card.png';
if ( ! $building_src ) {
	$building_src = $default_building;
}

/* ── Статистика (переиспользуем глобальные ключи stat1/2/3/5) ── */
$stats = array_filter( [
	tactic_s( 'stat1' ),
	tactic_s( 'stat2' ),
	tactic_s( 'stat3' ),
	tactic_s( 'stat5' ),
] );
?>
<section class="abt-hero" id="about-us">

	<!-- Фоновое изображение секции -->
	<div class="abt-hero__bg" style="background-image:url('<?php echo esc_url( $bg_src ); ?>')"></div>

	<!-- ── Основной поток контента ── -->
	<div class="abt-hero__inner">

		<!-- Заголовок + подзаголовок (centered) -->
		<div class="abt-hero__head">
			<h1 class="abt-hero__title"><?php echo esc_html( tactic_s( 'abt_hero_title' ) ); ?></h1>
			<p class="abt-hero__subtitle"><?php echo esc_html( tactic_s( 'abt_hero_subtitle' ) ); ?></p>
		</div>

		<!-- Карточка: текст (centered) + фото здания (full-width) -->
		<div class="abt-hero__card-wrap">
			<div class="abt-hero__card">

				<!-- Текстовый блок (narrow, centered в карточке) -->
				<div class="abt-hero__text">
					<p class="abt-hero__lead"><?php echo esc_html( tactic_s( 'abt_lead' ) ); ?></p>
					<p><?php echo esc_html( tactic_s( 'abt_p1' ) ); ?></p>
					<p><?php echo esc_html( tactic_s( 'abt_p2' ) ); ?></p>
					<p><?php echo esc_html( tactic_s( 'abt_p3' ) ); ?></p>
					<p><?php echo esc_html( tactic_s( 'abt_p4' ) ); ?></p>
				</div>

				<!-- Фото здания (нижняя часть карточки) -->
				<div class="abt-hero__building-wrap">
					<img
						class="abt-hero__building-img"
						src="<?php echo esc_url( $building_src ); ?>"
						alt="<?php echo esc_attr( tactic_s( 'abt_hero_title' ) ); ?>"
						loading="lazy"
					>
				</div>

			</div>
			<!-- /.abt-hero__card -->
		</div>
		<!-- /.abt-hero__card-wrap -->

		<!-- Плашки статистики (позиционируются поверх card-wrap, абсолютно относительно inner) -->
		<?php if ( $stats ) : ?>
		<div class="abt-hero__stats" role="list">
			<?php foreach ( $stats as $stat ) : ?>
				<div class="abt-hero__stat" role="listitem"><?php echo esc_html( $stat ); ?></div>
			<?php endforeach; ?>
		</div>
		<?php endif; ?>

	</div>
	<!-- /.abt-hero__inner -->



</section>