<?php
/**
 * Template Name: Вакансии
 * Description: Страница вакансий сети магазинов Матрёшка
 *
 * @package Matreshka
 */

get_header();

$post_id = get_the_ID();

// --- Helper: get meta or default ---
$get = function( $key, $default = '' ) use ( $post_id ) {
    $val = get_post_meta( $post_id, $key, true );
    return ( $val !== '' && $val !== false ) ? $val : $default;
};

// --- Hero ---
$hero_title    = $get( '_vac_hero_title', 'Работа, которая вас понимает' );
$hero_subtitle = $get( '_vac_hero_subtitle', 'Присоединяйтесь к команде супермаркетов «Матрёшка» — мы ценим каждого сотрудника и создаём комфортные условия для работы и роста.' );

// --- Why us (4 items) ---
$why_title = $get( '_vac_why_title', 'Почему люди выбирают нас' );
$why_items = [
    [
        'icon'  => 'star_shine.svg',
        'title' => $get( '_vac_why_1_title', 'Ценим' ),
        'text'  => $get( '_vac_why_1_text', 'Здесь в центре внимания люди и их потребности. Мы доверяем друг другу, уважаем каждого и создаём тёплую атмосферу.' ),
    ],
    [
        'icon'  => 'award.svg',
        'title' => $get( '_vac_why_2_title', 'Развиваем' ),
        'text'  => $get( '_vac_why_2_text', 'Обучение с первого дня, наставничество и реальные карьерные перспективы. Многие руководители начинали с линейных позиций.' ),
    ],
    [
        'icon'  => 'redeem.svg',
        'title' => $get( '_vac_why_3_title', 'Выручаем' ),
        'text'  => $get( '_vac_why_3_text', 'Гибкий график, стабильная зарплата, скидки на продукцию, премии и бонусы — всё для комфортной работы.' ),
    ],
    [
        'icon'  => 'loyalty.svg',
        'title' => $get( '_vac_why_4_title', 'Поддерживаем' ),
        'text'  => $get( '_vac_why_4_text', 'Официальное трудоустройство, полный соцпакет, отпускные — уверенность в завтрашнем дне.' ),
    ],
];

// --- Stats (3 items) ---
$stat_1_number = $get( '_vac_stat_1_num', '500+' );
$stat_1_text   = $get( '_vac_stat_1_text', 'сотрудников в нашей команде' );
$stat_2_number = $get( '_vac_stat_2_num', '10+' );
$stat_2_text   = $get( '_vac_stat_2_text', 'магазинов в сети' );
$stat_3_number = $get( '_vac_stat_3_num', '1000+' );
$stat_3_text   = $get( '_vac_stat_3_text', 'довольных покупателей каждый день' );

// --- What we offer (6 items) ---
$offer_title = $get( '_vac_offer_title', 'Что мы предлагаем' );
$offer_items = [
    $get( '_vac_offer_1', 'Официальное оформление с первого дня' ),
    $get( '_vac_offer_2', 'Стабильная заработная плата без задержек' ),
    $get( '_vac_offer_3', 'Скидка для сотрудников на весь ассортимент' ),
    $get( '_vac_offer_4', 'Удобный график работы — подберём под вас' ),
    $get( '_vac_offer_5', 'Дружный коллектив и наставничество' ),
    $get( '_vac_offer_6', 'Карьерный рост и внутреннее обучение' ),
];

// --- Culture section ---
$culture_title = $get( '_vac_culture_title', 'Наша атмосфера и ценности' );
$culture_items = [
    [
        'title' => $get( '_vac_culture_1_title', 'Живём общими ценностями' ),
        'text'  => $get( '_vac_culture_1_text', 'Клиент — партнёрство — качество — результат' ),
    ],
    [
        'title' => $get( '_vac_culture_2_title', 'Говорим спасибо' ),
        'text'  => $get( '_vac_culture_2_text', 'Это не сложно, но важно — благодарность объединяет команду' ),
    ],
    [
        'title' => $get( '_vac_culture_3_title', 'Совершенствуем мастерство' ),
        'text'  => $get( '_vac_culture_3_text', 'Вместе достигаем большего и растём профессионально' ),
    ],
    [
        'title' => $get( '_vac_culture_4_title', 'Заботимся о людях' ),
        'text'  => $get( '_vac_culture_4_text', 'Покупатели, партнёры, сотрудники — в центре всего, что мы делаем' ),
    ],
];

// --- Vacancy images ---
$vacancy_images = get_post_meta( $post_id, '_vac_images', true );
if ( ! is_array( $vacancy_images ) ) {
    $vacancy_images = [];
}

// --- CTA ---
$cta_title = $get( '_vac_cta_title', 'Присоединяйтесь к нашей команде!' );
$cta_text  = $get( '_vac_cta_text', 'Приходите в ближайший магазин Матрёшка и узнайте об открытых вакансиях у администратора. Мы будем рады видеть вас в нашей команде!' );
$cta_phone = function_exists('get_field') ? get_field('footer_phone_1', 'option') : '';
if ( empty( $cta_phone ) ) { $cta_phone = get_option('matreshka_footer_phone_1'); }
?>

<main id="primary" class="site-main mt-5">
    <?php while ( have_posts() ) : the_post(); ?>

    <!-- Hero -->
    <section class="vac-hero">
        <div class="container">
            <div class="vac-hero-inner">
                <div class="vac-hero-badge montserrat-bold">Карьера</div>
                <h1 class="montserrat-bold"><?php echo esc_html( $hero_title ); ?></h1>
                <p class="montserrat-regular"><?php echo esc_html( $hero_subtitle ); ?></p>
                <?php if ( ! empty( $vacancy_images ) ) : ?>
                    <a href="#vacancies" class="btn btn-red-primary montserrat-bold vac-hero-btn">Смотреть вакансии</a>
                <?php endif; ?>
            </div>
        </div>
    </section>

     <!-- Vacancy images -->
    <?php if ( ! empty( $vacancy_images ) ) : ?>
    <section class="vac-images-section" id="vacancies">
        <div class="container">
            <h2 class="montserrat-bold vac-section-title">Открытые вакансии</h2>
            <div class="vac-images-grid">
                <?php foreach ( $vacancy_images as $att_id ) :
                    $img_url = wp_get_attachment_image_url( $att_id, 'large' );
                    $img_alt = get_post_meta( $att_id, '_wp_attachment_image_alt', true ) ?: 'Вакансия';
                    if ( ! $img_url ) continue;
                ?>
                    <div class="vac-image-card">
                        <img src="<?php echo esc_url( $img_url ); ?>" alt="<?php echo esc_attr( $img_alt ); ?>" loading="lazy">
                    </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>
    <?php endif; ?>

    <!-- Why us -->
    <section class="vac-why-section">
        <div class="container">
            <h2 class="montserrat-bold vac-section-title"><?php echo esc_html( $why_title ); ?></h2>
            <div class="vac-why-grid">
                <?php foreach ( $why_items as $item ) : ?>
                    <div class="vac-why-card">
                        <div class="vac-why-card-icon">
                            <img src="<?php echo esc_url( get_template_directory_uri() . '/assets/icons/' . $item['icon'] ); ?>" alt="">
                        </div>
                        <h3 class="montserrat-semibold"><?php echo esc_html( $item['title'] ); ?></h3>
                        <p class="montserrat-regular"><?php echo esc_html( $item['text'] ); ?></p>
                    </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <!-- Stats -->
    <section class="vac-stats-section">
        <div class="container">
            <div class="vac-stats-inner">
                <div class="vac-stat">
                    <span class="vac-stat-number montserrat-bold"><?php echo esc_html( $stat_1_number ); ?></span>
                    <span class="vac-stat-text montserrat-regular"><?php echo esc_html( $stat_1_text ); ?></span>
                </div>
                <div class="vac-stat-divider"></div>
                <div class="vac-stat">
                    <span class="vac-stat-number montserrat-bold"><?php echo esc_html( $stat_2_number ); ?></span>
                    <span class="vac-stat-text montserrat-regular"><?php echo esc_html( $stat_2_text ); ?></span>
                </div>
                <div class="vac-stat-divider"></div>
                <div class="vac-stat">
                    <span class="vac-stat-number montserrat-bold"><?php echo esc_html( $stat_3_number ); ?></span>
                    <span class="vac-stat-text montserrat-regular"><?php echo esc_html( $stat_3_text ); ?></span>
                </div>
            </div>
        </div>
    </section>

    <!-- What we offer -->
    <section class="vac-offer-section">
        <div class="container">
            <h2 class="montserrat-bold vac-section-title"><?php echo esc_html( $offer_title ); ?></h2>
            <div class="vac-offer-grid">
                <?php foreach ( $offer_items as $i => $text ) : ?>
                    <div class="vac-offer-item">
                        <div class="vac-offer-num montserrat-bold"><?php echo esc_html( $i + 1 ); ?></div>
                        <p class="montserrat-medium"><?php echo esc_html( $text ); ?></p>
                    </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <!-- Culture -->
    <section class="vac-culture-section">
        <div class="container">
            <h2 class="montserrat-bold vac-section-title"><?php echo esc_html( $culture_title ); ?></h2>
            <div class="vac-culture-grid">
                <?php foreach ( $culture_items as $item ) : ?>
                    <div class="vac-culture-card">
                        <h3 class="montserrat-semibold"><?php echo esc_html( $item['title'] ); ?></h3>
                        <p class="montserrat-regular"><?php echo esc_html( $item['text'] ); ?></p>
                    </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <!-- CTA -->
    <section class="vac-cta-section">
        <div class="container">
            <div class="vac-cta-inner">
                <h2 class="montserrat-bold"><?php echo esc_html( $cta_title ); ?></h2>
                <p class="montserrat-regular"><?php echo esc_html( $cta_text ); ?></p>
                <?php if ( ! empty( $cta_phone ) ) : ?>
                    <a href="tel:<?php echo esc_attr( preg_replace('/\s+|\(|\)|-/', '', $cta_phone) ); ?>" class="btn btn-red-primary montserrat-bold vac-cta-btn">
                        <img src="<?php echo esc_url( get_template_directory_uri() . '/assets/icons/Phone.svg' ); ?>" alt="" class="vac-cta-btn-icon">
                        <?php echo esc_html( $cta_phone ); ?>
                    </a>
                <?php endif; ?>
            </div>
        </div>
    </section>

    <?php endwhile; ?>
</main>

<?php get_footer(); ?>