@{
    ViewData["Title"] = ViewBag.ContactTitle;
}

<div class="container">
    <div class="row justify-content-center">
        <div class="col-lg-8">
            <div class="card shadow-custom">
                <div class="card-body p-5">
                    <h1 class="display-5 mb-4 text-gradient">@ViewBag.ContactTitle</h1>
                    
                    <div class="mb-4">
                        <p class="text-muted">@ViewBag.ContactIntro</p>
                    </div>

                    <div class="row">
                        <div class="col-md-6 mb-4">
                            <div class="text-center p-4 border rounded">
                                <i class="bi bi-envelope-fill text-primary fs-2 mb-3"></i>
                                <h3 class="h5">@ViewBag.EmailTitle</h3>
                                <p class="text-muted mb-0">contato@convert-it-online.com</p>
                            </div>
                        </div>
                        <div class="col-md-6 mb-4">
                            <div class="text-center p-4 border rounded">
                                <i class="bi bi-chat-dots-fill text-primary fs-2 mb-3"></i>
                                <h3 class="h5">@ViewBag.SupportTitle</h3>
                                <p class="text-muted mb-0">@ViewBag.SupportTime</p>
                            </div>
                        </div>
                    </div>

                    <div class="mb-4">
                        <h2 class="h4 text-primary mb-3">@ViewBag.FaqTitle</h2>
                        <div class="accordion" id="faqAccordion">
                            <div class="accordion-item">
                                <h3 class="accordion-header">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq1">
                                        @Localizer["Faq1Question"]
                                    </button>
                                </h3>
                                <div id="faq1" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">@Localizer["Faq1Answer"]</div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h3 class="accordion-header">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2">
                                        @Localizer["Faq2Question"]
                                    </button>
                                </h3>
                                <div id="faq2" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">@Localizer["Faq2Answer"]</div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="text-center">
                        <a asp-controller="Home" asp-action="Index" asp-route-culture="@ViewContext.RouteData.Values["culture"]" class="btn btn-primary">
                            @Localizer["BackToHome"]
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>