<style>
#trialBalance {
    margin-top: 16px;
    border-collapse: collapse;
    border: 1pt solid #1a202c;
}
#trialBalance td {
    height: 16px;
    border-left: 1px solid #1a202c;
    border-right: 1px solid #1a202c;
    text-align: center;
    padding: 2px;
    font-size: 7pt;
}
#trialBalance th {
    border: 1pt solid #1a202c;
    text-align: center;
    font-weight: normal;
    padding: 2px;
}
</style>


@extends('templates/report')

@section('reportTitle')
    <title style="font-weight: bold;">Trial Balance Sample</title>
@endsection

@section('reportHeader')
    <table class="fs-lead">
        <thead>
            <tr>
                <th style="width: 17%">REPORT TYPE :</th>
                <td class="border-bottom tx-center" style="width: auto">TRIAL BALANCE</td>
                <td style="width: 16px"></td>
                <th style="width: 10%">DATES :</th>
                <td class="border-bottom tx-center" style="width: 30%">
                    01 Mar 2022
                    <strong>to</strong>
                    31 Mar 2022
                </td>
            </tr>
        </thead>
    </table>
@endsection

@section('content')
    <table id="trialBalance">
        <thead>
            <tr>
                <th style="width: 10%">Account Number</th>
                <th> Account Name</th>
                <th style="width: 14%">Beginning Balance</th>
                <th style="width: 12%">Debit</th>
                <th style="width: 12%">Credit</th>
                <th style="width: 14%">Total</th>
                <th style="width: 14%">Ending Balance</th>
            </tr>
        </thead>
        <tbody>
        <tr>
            <td>100-0000-0000</td>
            <td>ASSETS</td>
            <td>103,526,609.48</td>
            <td>34,889,955.12</td>
            <td>31,386,493.14</td>
            <td>3,503,461.98</td>
            <td>107,030,071.46</td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        </tbody>
    </table>
@endsection
