@using Microsoft.AspNetCore.Mvc.Localization
@inject IViewLocalizer Localizer

@model List<Convert_It_Online.Controllers.ToolViewModel>

@{
    ViewData["Title"] = Localizer["PageTitle"];
}

<div class="text-center mb-5">
    <h1 class="display-4">@Localizer["PageTitle"]</h1>
    <p class="lead text-muted">@Localizer["Subtitle"]</p>
</div>

<div class="row row-cols-1 row-cols-md-2 g-4">
    @foreach (var tool in Model)
    {
        <div class="col">
            @* A tag de link envolve todo o card e usa os Tag Helpers para a rota *@
            <a asp-area="@tool.Area" 
               asp-controller="@tool.Controller" 
               asp-action="@tool.Action" 
               asp-route-culture="@ViewContext.RouteData.Values["culture"]" 
               class="text-decoration-none">

                <div class="card h-100 text-center border-secondary">
                    <div class="card-body p-4">
                        <div class="feature-icon-1 bg-primary bg-gradient text-white fs-1 rounded-3 mb-4 mt-n4">
                            <i class="@tool.IconClass"></i>
                        </div>
                        <h2 class="fs-4 fw-bold">@Localizer[tool.TitleKey]</h2>
                        <p class="mb-0 text-muted">@Localizer[tool.DescriptionKey]</p>
                    </div>
                </div>
            </a>
        </div>
    }
</div>