@model WalletPSBTReadyViewModel

<h4 class="mb-n3">Inputs</h4>
<table class="table table-sm table-responsive-lg">
    <thead class="thead-inverse">
    <tr>
        <th>Index</th>
        <th class="text-end">Amount</th>
    </tr>
    </thead>
    <tbody>
    @foreach (var input in Model.Inputs)
    {
        <tr>
            @if (input.Error != null)
            {
                <td>
                    @input.Index <span class="fa fa-exclamation-triangle text-danger" title="@input.Error"></span>
                </td>
            }
            else
            {
                <td>@input.Index</td>
            }

            @if (input.Positive)
            {
                <td class="text-end text-success">@input.BalanceChange</td>
            }
            else
            {
                <td class="text-end text-danger">@input.BalanceChange</td>
            }
        </tr>
    }
    </tbody>
</table>

<h4 class="mt-4 mb-n3">Outputs</h4>
<table class="table table-sm table-responsive-lg">
    <thead class="thead-inverse">
    <tr>
        <th>Destination</th>
        <th class="text-end">Amount</th>
    </tr>
    </thead>
    <tbody>
    @foreach (var destination in Model.Destinations)
    {
        <tr>
            <td>@destination.Destination</td>
            @if (destination.Positive)
            {
                <td class="text-end text-success">@destination.Balance</td>
            }
            else
            {
                <td class="text-end text-danger">@destination.Balance</td>
            }
        </tr>
    }
    </tbody>
</table>

@if (Model.FeeRate != null)
{
    <p class="text-muted text-end">Transaction fee rate: <b>@Model.FeeRate</b></p>
}