<button routerLink="/dashboard">Back to dashboard</button>
<h1>Viewing Need: {{need?.name}}</h1>
<a>internal id: {{need?.id}}</a>
<div style="display: flex; column-gap: 6px;">
    <h3>Looking for</h3>
    <h3><u>{{need?.type}}</u></h3>
    <h3>Donations.</h3>
</div>
<div *ngIf="need?.filterAttributes != null">
    <p>Tags:</p>
    <ul style="display: flex; column-gap: 24px;">
        <li *ngFor="let tag of need?.filterAttributes">
            <p>{{tag}}</p>
        </li>
    </ul>
</div>

<hr>

<p>Goal: {{need?.maxGoal}}</p>
<p>Current: {{need?.current}}</p>
<p>This goal is <strong>{{((need?.current ?? 0)*100) / (need?.maxGoal ?? 0)}}%</strong> complete!</p>