<?php
// frontend/views/stocks/index.php

use yii\helpers\Url;
use yii\helpers\Html;
use yii\web\View;

$this->title = 'Акции';

?>
<?php
$this->registerCss(<<<CSS
.material-input {
    border: none;
    background: transparent;
    font-size: 16px;
    padding: 8px 0;
    width: 100%;
    color: var(--text-primary);
    outline: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.material-input:focus {
    outline: none;
}

.material-input-container.focused .position-absolute > div {
    transform: scaleX(1);
}

.material-button.accent {
    background: var(--accent-color);
    color: white;
    border: none;
    border-radius: 4px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.material-button.accent:hover {
    background: var(--accent-light);
    box-shadow: var(--shadow-1);
}

.material-card {
    background: var(--surface);
    border-radius: 8px;
    box-shadow: var(--shadow-1);
    transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
}

.material-card:hover {
    box-shadow: var(--shadow-2);
}
CSS
);
?>
<div class="stocks-page">
    <div class="mb-4">
        <h2 class="font-weight-bold text-dark mb-0">
            <b><?= Html::encode($this->title) ?></b>
        </h2>
    </div>

        <div class="border rounded-3 p-3 mb-4">
            <div class="d-flex flex-column flex-md-row">
                <div class="mb-3 mb-md-0 me-md-4" style="flex: 0 0 300px;">
                    <img src="<?= Yii::getAlias('@web/imgs/stocks_1.jpg') ?>" 
                         alt="Мясное безумие!" 
                         style="width: 100%; height: 300px; object-fit: contain; background: #f9f9f9; border-radius: 4px;">
                </div>
                
                <div style="flex: 1;">
                    <h5 class="font-weight-bold mb-1" style="font-size: 20px;">
                        <b>Мясное безумие!</b>
                    </h5>
                    <p class="text-muted mb-2" style="font-size: 14px;">
                        Актуально до 25.12.2025
                    </p>
                    <p class="mb-0" style="font-size: 16px; line-height: 1.6;">
                        При заказе любого мясного ассорти в "Шашлыкоff" — получайте 5 фирменных соусов абсолютно бесплатно! 
                        Окунитесь в мир сочных колбасок, ароматных шашлыков и нежных ребрышек. 
                        Наши соусы: острый аджика, чесночный, BBQ, горчично-медовый и тайский чили — идеально дополнят каждый кусочек мяса. 
                        Создайте свой идеальный вкусовой дуэт! Акция действует при заказе от 3000 рублей.
                    </p>
                </div>
            </div>
        </div>

        <div class="border rounded-3 p-3 mb-4">
            <div class="d-flex flex-column flex-md-row">
                <div class="mb-3 mb-md-0 me-md-4" style="flex: 0 0 300px;">
                    <img src="<?= Yii::getAlias('@web/imgs/stocks_2.jpg') ?>" 
                         alt="Скидка 20% на первую покупку" 
                         style="width: 100%; height: 300px; object-fit: contain; background: #f9f9f9; border-radius: 4px;">
                </div>
                <div style="flex: 1;">
                    <h5 class="font-weight-bold mb-1" style="font-size: 20px;">
                        <b>Скидка 20% на первую покупку "Mama Mia"</b>
                    </h5>
                    <p class="text-muted mb-2" style="font-size: 14px;">
                        Актуально до 31.12.2025
                    </p>
                    <p class="mb-0" style="font-size: 16px; line-height: 1.6;">
                        Добро пожаловать в мир настоящей итальянской кухни! Для новых друзей "Mama Mia" приготовили 
                        особый подарок — скидку 20% на первую покупку. 
                        Погрузитесь в атмосферу Италии с нашей неаполитанской пиццей, свежими пастами и домашними десертами. 
                        Просто зарегистрируйтесь на сайте и используйте промокод CIAO20 при оформлении первого заказа.
                    </p>
                </div>
            </div>
        </div>

        <div class="border rounded-3 p-3 mb-4">
            <div class="d-flex flex-column flex-md-row">
                <div class="mb-3 mb-md-0 me-md-4" style="flex: 0 0 300px;">
                    <img src="<?= Yii::getAlias('@web/imgs/stocks_3.jpg') ?>" 
                         alt="Акция 3" 
                         style="width: 100%; height: 300px; object-fit: contain; background: #f9f9f9; border-radius: 4px;">
                </div>
                
                <div style="flex: 1;">
                    <h5 class="font-weight-bold mb-1" style="font-size: 20px;">
                        <b>Вокруг Кургана за 24 часа!</b>
                    </h5>
                    <p class="text-muted mb-2" style="font-size: 14px;">
                        Постоянная акция
                    </p>
                    <p class="mb-0" style="font-size: 16px; line-height: 1.6;">
                        При заказе от 5000 рублей в "Старик Хинкалыч" доставка бесплатно по всему городу.<br><br>
                        <strong>Зоны доставки:</strong><br>
                        • Центральный район - бесплатно от 5000₽<br>
                        • Пригород - бесплатно от 6000₽<br>
                        • Спальные районы - бесплатно от 8000₽<br><br>
                        Акция распространяется на все категории товаров.
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>