@using Iceshrimp.Frontend.Localization
@using Iceshrimp.Shared.Schemas.Web
@using Microsoft.Extensions.Localization
@using Iceshrimp.Assets.PhosphorIcons
@inject IStringLocalizer<Localization> Loc;
<div class="profile-info">
    @if (UserProfile.Bio != null)
    { 
        <div class="bio">
            <MfmText Text="@UserProfile.Bio"/>
        </div>
    }
    <div class="data">
        @if (UserProfile.Birthday != null)
        {
            <div class="birthday field">
                <span class="field-name">
                    <Icon Name="Icons.Balloon" Size="1.3em"/>
                    @Loc["Birthday"]
                </span>
                <span class="field-value">@UserProfile.Birthday</span>
            </div>
        }
        @if (UserProfile.Location != null)
        {
            <div class="location field">
                <span class="field-name">
                    <Icon Name="Icons.MapPin" Size="1.3em"/>
                    @Loc["Location"]
                </span>
                <span class="field-value">@UserProfile.Location</span>
            </div>
        }
    </div>
    @if (UserProfile.Fields != null)
    {
        <div class="fields">
            @foreach (var field in UserProfile.Fields)
            {
                <ProfileInfoField Field="field"/>
            }
        </div>
    }
    <div class="metadata">
        <div class="section">
            <div class="field-data">
                @UserProfile.Followers
            </div>
            <div class="field-text">
                @Loc["Followers"]
            </div>
        </div>
        <div class="section">
            <div class="field-data">
                @UserProfile.Following
            </div>
            <div class="field-text">
                @Loc["Following"]
            </div>
        </div>
    </div>
</div>

@code {
    [Parameter] [EditorRequired] public required UserProfileResponse UserProfile { get; set; }
}