@if($data->errCode != 0)
    <h2>{{ $data->message }}</h2>
@else
<style>
    .loan-history-container {
        display: grid;
        grid-template-columns: 20% 1fr;
    }

    @media (max-width: 500px) {
        .loan-history-container {
            display: block !important;
        }
        #loan-history-item-container {
            margin-top: 1em;
        }
    }
</style>

<div class="loan-history-container">
    <h4>Şahamça: <strong>{{ $data->branchName }}</strong></h4>
    <h4>Müşderi: <strong>{{ $data->clientName }}</strong></h4>
    <h4 class="mb-4">Şertnama belgisi: <strong>{{ $data->docNum }}</strong></h4>

    <h4>Jemi karzyň möçberi: <strong>{{ $data->docSum }}</strong></h4>

    <h4>Karz boýunça jemi galyndy: <strong>{{ $data->balans }}</strong></h4>
    <h4>Hasaplama göterim (şu aý üçin): <strong>{{ $data->percentBalance }}</strong></h4>
    <h4>Hasaplanan esasy bergi (şu aý üçin): <strong>{{ $data->docMonthSum }}</strong></h4>

    <h4>Jemi tölenen möçberi: <strong>{{ $data->docPayed }}</strong></h4>
</div>
@endif