@using System.Text
@using DiffMatchPatch

<div class="row">
    <div class="col-6 table-primary">
        <div class="row">
            <div class="col-4 text-primary">
                <h4>New Data</h4>
            </div>
            <div class="col-4">
            </div>
            <div class="col-4 text-right">
                <input @bind="@pHeight" class="text-right" width="20" inputmode="numeric" /> <i class="fas fa-arrows-alt-v"></i>
            </div>
        </div>
    </div>
    <div class="col-6 table-warning">
        <div class="row">
            <div class="col-4 text-warning">
                <h4>Current Data</h4>
            </div>
            <div class="col-4">
            </div>
            <div class="col-4 text-right p-2">
                @if (numChanges > 1)
                {
                    <span class="border border-danger table-danger py-1 px-2"><b>@numChanges</b> changes</span>
                }
                else
                {
                    <span class="border border-danger table-danger py-1 px-2"><b>@numChanges</b> change</span>
                }
            </div>
        </div>
    </div>
</div>
<div class="row" style=" height: @(pHeight)em; overflow-y: scroll;">
    <div class="col-6 table-primary">
        <div class="border border-primary p-2 bg-light">
            <p style="max-width: 70em;">@((MarkupString)oldResult)</p>
        </div>
    </div>
    <div class="col-6 table-warning">
        <div class="border border-warning p-2 bg-light">
            <p style="max-width: 70em;">@((MarkupString)newResult)</p>
        </div>
    </div>
</div>