@model ContactViewModel
@{
    ViewData["Title"] = "Контакты";
}

<div class="page-head">
    <h1>Контакты</h1>
    <p class="text-muted">Свяжитесь с нами любым удобным способом или оставьте сообщение через форму.</p>
</div>

@if (TempData["Success"] != null)
{
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        @TempData["Success"]
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Закрыть"></button>
    </div>
}

<div class="row g-4">
    <div class="col-12 col-lg-5">
        <div class="info-card">
            <h2 class="info-card__title">Наш магазин</h2>
            <ul class="contact-list">
                <li class="contact-list__item"><span class="contact-list__icon"></span> г. Челябинск, ул. Ленина , д. 35, 2 этаж</li>
                <li class="contact-list__item"><span class="contact-list__icon"></span> <a href="tel:+79000000000">+7 (993) 930 63-58</a></li>
                <li class="contact-list__item"><span class="contact-list__icon"></span> <a href="mailto:info@techmarket.ru">info@techmarket.ru</a></li>
                <li class="contact-list__item"><span class="contact-list__icon"></span> Пн–Сб: 9:00–20:00</li>
            </ul>
        </div>
    </div>

    <div class="col-12 col-lg-7">
        <div class="info-card">
            <h2 class="info-card__title">Обратная связь</h2>
            <form asp-controller="Home" asp-action="Contacts" method="post" class="contact-form">
                <div class="mb-3">
                    <label asp-for="Name" class="form-label"></label>
                    <input asp-for="Name" class="form-control" placeholder="Иван Петров" />
                    <span asp-validation-for="Name" class="text-danger"></span>
                </div>

                <div class="mb-3">
                    <label asp-for="Email" class="form-label"></label>
                    <input asp-for="Email" class="form-control" placeholder="mail@example.com" />
                    <span asp-validation-for="Email" class="text-danger"></span>
                </div>

                <div class="mb-3">
                    <label asp-for="Message" class="form-label"></label>
                    <textarea asp-for="Message" class="form-control" rows="5" placeholder="Ваш вопрос, замечание или пожелание"></textarea>
                    <span asp-validation-for="Message" class="text-danger"></span>
                </div>

                <button type="submit" class="btn btn-accent">Отправить сообщение</button>
            </form>
        </div>
    </div>
</div>

@section Scripts {
    <partial name="_ValidationScriptsPartial" />
}