@use crate::{templates::profiles::{banner, icon}, profiles::Profile};

@(classes: &str, profile: &Profile)

<div class="profile-view @classes">
    <div class="profile-view--banner">
        @if let Some(key) = profile.banner_key() {
            @:banner(key, &profile.name())
        } else {
            <div class="profile-view--banner--placeholder"></div>
        }
    </div>
    <div class="profile-view--content">
        <div class="profile-view--content--top">
            <div class="profile-view--icon">
                @if let Some(key) = profile.icon_key() {
                    @:icon(key, &profile.name())
                }
            </div>
            <div class="profile-view--meta">
                <div class="profile-view--meta--display">
                    @if let Some(name) = profile.display_name() {
                        @name
                    } else {
                        &nbsp;
                    }
                </div>
                <div class="profile-view--meta--handle">@profile.full_handle()</div>
            </div>
        </div>
        @if let Some(description) = profile.description() {
            <div class="profile-view--description">@description</div>
        }
    </div>
</div>