<div class="card shadow-sm p-3 mb-4">

    <h6 class="mb-3">
        <i class="bi bi-exclamation-triangle"></i> Loss Impact Analysis
    </h6>

    <table class="table table-sm">
        <thead>
            <tr>
                <th>Loss Type</th>
                <th>Amount (KES)</th>
            </tr>
        </thead>
        <tbody>

            <tr>
                <td>Vacancy Loss</td>
                <td>{{ loss.vacancy_loss }}</td>
            </tr>

            <tr>
                <td>Maintenance Delays</td>
                <td>{{ loss.maintenance_delay_loss }}</td>
            </tr>

            <tr>
                <td>Frequent Repairs</td>
                <td>{{ loss.repair_loss }}</td>
            </tr>

            <tr class="fw-bold">
                <td>Total Loss</td>
                <td>KES {{ loss.total_loss }}</td>
            </tr>

        </tbody>
    </table>

</div>