{% extends "base.html" %}

    <!-- dev-signature: 29a41de6a866d56c36aba5159f45257c -->
{% block content %}
<div class="container">
    <div class="row mb-4">
        <div class="col-md-12">
            <h2>Settle Up</h2>
        </div>
    </div>

    <!-- Current Balances -->
    <div class="row mb-4">
        <div class="col-md-6">
            <div class="card">
                <div class="card-header bg-danger text-white">
                    <h5 class="mb-0"><i class="fas fa-arrow-circle-right me-2"></