@model WebfrontCore.ViewModels.CommunityInfo
@{
    var allRules = Model.ServerRules.Prepend(new KeyValuePair<string, string[]>(ViewBag.Localization["WEBFRONT_ABOUT_GLOBAL_RULES"], Model.GlobalRules));
}

<div class="row">
    @if (Model.CommunityInformation.EnableBanner)
    {
        <img class="img-fluid mb-3" style="max-height: 250px" src="images/community/banner.png"/>
    }

    @if (!string.IsNullOrWhiteSpace(Model.CommunityInformation.Name))
    {
        <h2 class="mb-4 ml-auto mr-auto ml-md-0">
            <color-code value="@Model.CommunityInformation.Name" allow="@ViewBag.EnableColorCodes"></color-code>
        </h2>
    }

    @if (!string.IsNullOrWhiteSpace(Model.CommunityInformation.Description))
    {
        <div class="p-4 bg-dark border border-primary mb-4 text-white-50">
            <h4 class="text-primary">@ViewBag.Localization["WEBFRONT_ABOUT_TITLE"]</h4>
            <color-code value="@Model.CommunityInformation.Description" allow="@ViewBag.EnableColorCodes"></color-code>
            <div class="mt-3">
                @foreach (var social in Model.CommunityInformation.SocialAccounts)
                {
                    <div>
                        <a href="@social.Url" target="_blank" title="@social.Title">
                            @if (!string.IsNullOrWhiteSpace(social.IconId))
                            {
                                <span class="oi @social.IconId"></span>
                            }
                            else if (!string.IsNullOrWhiteSpace(social.IconUrl))
                            {
                                var url = Uri.TryCreate(social.IconUrl, UriKind.Absolute, out _) ? social.IconUrl : $"images/community/{social.IconUrl}";
                                <img class="img-fluid" style="max-width: 1rem; fill: white" src="@url" alt="@social.Title"/>
                            }
                            <span>@social.Title</span>
                        </a>
                    </div>
                }
            </div>
        </div>
    }

    <h2 class="pb-3 ml-auto mr-auto ml-md-0">@ViewBag.Localization["WEBFRONT_ABOUT_COMMUNITY_GUIDELINES"]</h2>

    @foreach (var (serverName, rules) in allRules)
    {
        if (rules?.Length == 0)
        {
            continue;
        }

        var start = 1;
        <div class="col-12 bg-dark p-4 border border-primary mb-4">
            <div class="text-primary h4">
                <color-code value="@serverName" allow="@ViewBag.EnableColorCodes"></color-code>
            </div>
            @foreach (var rule in rules)
            {
                <div class="text-white-50">
                    <span class="text-white">@start.</span>
                    <color-code value="@rule" allow="@ViewBag.EnableColorCodes"></color-code>
                </div>
                start++;
            }
        </div>
    }
</div>