<?php
/*
Template Name: О сервисе
*/

get_header();
?>

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

    <!-- bread-crumb -->
    <section class="bread-crumb d-none d-md-flex mt-4">
        <div class="container">
            <p class="montserrat-medium">
                <a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="text-decoration-none text-dark">Главная</a> 
                <span class="dot">●</span>
                <a href="<?php echo esc_url( '/my-account/' ); ?>" class="text-decoration-none text-dark">Профиль</a> 
                <span class="dot">●</span>
                <span class="bread-crumb-product">О сервисе</span>
            </p>
        </div>
    </section>

    <!-- header -->
    <section>
        <div class="container mt-3">
            <div class="d-flex align-items-center">
                <a href="javascript:history.back()" class="d-block d-md-none me-3">
                    <img src="<?php echo esc_url( get_template_directory_uri() . '/assets/icons/AltArrowLeft.svg' ); ?>" alt="arrow left icon">
                </a>
                <h1 class="montserrat-semibold mb-0">О сервисе</h1>
            </div>
        </div>
    </section>

    <!-- content -->
    <section>
        <div class="container my-md-5 my-4">
            <div class="about-service-content">
                <div class="about-service-box">
                    <p class="montserrat-medium">
                        Сеть «Матрешка» начала работу в 2018 году и быстро расширилась до 10–12 торговых точек, включая супермаркеты, дискаунтеры и один большой гипермаркет формата «Мега»
                        В общей сложности под управлением компании — 34 торговых и складских объектов, а также производственные площадки и логистические центры.
                    </p>
                </div>
            </div>
        </div>
    </section>

    <section>
		<div class="container my-5">
			<h2 class="montserrat-bold">Направления деятельности</h2>
			<div class="block-activities mt-md-5 mt-4">
				<div class="activities-item">
					<div class="gc-why-icon">
						<img src="/wp-content/themes/matreshka/assets/icons/store.svg" alt="">
					</div>
					<p class="activities-item-title montserrat-medium">Розничная сеть</p>
					<p class="montserrat-medium">
                        Дискаунтеры, супермаркеты и гипермаркеты — в том числе «Манго» (бывший «Метро»), ориентированный на мелкий и средний бизнес.
                    </p>
				</div>
                <div class="activities-item">
					<div class="gc-why-icon">
						<img src="/wp-content/themes/matreshka/assets/icons/local_shipping.svg" alt="">
					</div>
					<p class="activities-item-title montserrat-medium">Логистика и складские мощности</p>
					<p class="montserrat-medium">
                        Собственные распределительные центры и склады обеспечивают загрузку всех форматов торговли .
                    </p>
				</div>
				<div class="activities-item">
					<div class="gc-why-icon">
						<img src="/wp-content/themes/matreshka/assets/icons/factory.svg" alt="">
					</div>
					<p class="activities-item-title montserrat-medium">Собственное производство</p>
					<p class="montserrat-medium">
                        Имеются пекарни, мясные, кондитерские и кулинарные цехи — выпечка, пицца и полуфабрикаты доступны прямо в магазинах .
                    </p>
				</div>
			</div>
		</div>
	</section>

    <section>
        <div class="container my-md-5 my-4">
            <div class="about-service-excellence">
                <h3 class="montserrat-bold mb-4">Положение на рынке и преимущества</h3>
                <div class="excellence-box">
                    <p class="montserrat-medium mt-3">
                        <span class="text-red-light">◉</span> 
                        <span class="montserrat-bold">Член СЭЗ</span><br/>
                        В сентябре 2023 г. компания стала участником свободной экономической зоны до 2050 г. Это даёт льготы по налогу на имущество, земле, страховым взносам и пошлинам.
                    </p>
                    <p class="montserrat-medium mt-3">
                        <span class="text-red-light">◉</span> 
                        <span class="montserrat-bold">Ценовая дисциплина</span><br/>
                        Компания подписала меморандум с Минпромторгом на ограниченную наценку — до 5% на 24 товара. Генеральный директор обещал и дальше держать цены на уровне российских сетей.
                    </p>
                    <p class="montserrat-medium mt-3">
                        <span class="text-red-light">◉</span>
                        <span class="montserrat-bold">Создание рабочих мест</span><br/>
                        В рамках инвестпроекта будет добавлено более 2 250 новых сотрудников и порядка 450 новых вакансий, включая 250 рабочих мест в гипермаркете «Манго».
                    </p>
                    <p class="montserrat-medium mt-3">
                        <span class="text-red-light">◉</span> 
                        <span class="montserrat-bold">Ассортимент и удобство</span><br/>
                        Магазины выделяются обширным выбором покупных и собственных продуктов, включая свежую выпечку, салаты, мясные изделия, косметику и товары для дома. Покупатели отмечают комфортную планировку, чистоту и обслуживание.
                    </p>
                </div>
            </div>
        </div>
    </section>

    <?php
    $contacts_page = get_pages( array(
        'meta_key' => '_wp_page_template',
        'meta_value' => 'page-contacts.php',
        'number' => 1
    ) );
    
    $stores = array();
    if ( ! empty( $contacts_page ) ) {
        $contacts_page_id = $contacts_page[0]->ID;
        $stores = get_post_meta( $contacts_page_id, '_matreshka_stores', true );
        if ( ! is_array( $stores ) ) {
            $stores = array();
        }
    }
    ?>

    <?php if ( ! empty( $stores ) ) : ?>
        <section class="contacts-stores-section">
            <div class="container">
                <h2 class="montserrat-bold contacts-section-title">Наши магазины</h2>
                <div class="contacts-stores-grid">
                    <?php foreach ( $stores as $index => $store ) : ?>
                        <div class="contacts-store-card">
                            <div class="contacts-store-card-number">
                                <span class="montserrat-bold"><?php echo esc_html( $index + 1 ); ?></span>
                            </div>
                            <div class="contacts-store-card-body">
                                <?php if ( ! empty( $store['name'] ) ) : ?>
                                    <h3 class="montserrat-semibold"><?php echo esc_html( $store['name'] ); ?></h3>
                                <?php endif; ?>
                                <?php if ( ! empty( $store['address'] ) ) : ?>
                                    <div class="contacts-store-detail">
                                        <img src="<?php echo esc_url( get_template_directory_uri() . '/assets/icons/point.svg' ); ?>" alt="Адрес">
                                        <span class="montserrat-regular"><?php echo esc_html( $store['address'] ); ?></span>
                                    </div>
                                <?php endif; ?>
                                <?php if ( ! empty( $store['phone'] ) ) : ?>
                                    <div class="contacts-store-detail">
                                        <img src="<?php echo esc_url( get_template_directory_uri() . '/assets/icons/Phone.svg' ); ?>" alt="Телефон">
                                        <a href="tel:<?php echo esc_attr( preg_replace('/\s+|\(|\)|-/', '', $store['phone']) ); ?>" class="montserrat-regular">
                                            <?php echo esc_html( $store['phone'] ); ?>
                                        </a>
                                    </div>
                                <?php endif; ?>
                                <?php if ( ! empty( $store['hours'] ) ) : ?>
                                    <div class="contacts-store-detail">
                                        <img src="<?php echo esc_url( get_template_directory_uri() . '/assets/icons/timelapse.svg' ); ?>" alt="Часы работы">
                                        <span class="montserrat-regular"><?php echo nl2br( esc_html( $store['hours'] ) ); ?></span>
                                    </div>
                                <?php endif; ?>
                            </div>
                        </div>
                    <?php endforeach; ?>
                </div>
            </div>
        </section>
    <?php endif; ?>

    <?php endwhile; ?>

</main>

<?php
get_footer();