@include('layouts.header')
@include('layouts.sidebar')

<!-- ========================
   Start Page Content
  ========================= -->

<div class="page-wrapper" id="pl-page">

    <!-- Start Content -->
    <div class="content">
        <div class="card">
            <div class="card-body">



                <style>
                    .report-header {
                        text-align: center;
                        position: relative;
                        margin-bottom: 28px;
                        margin-top: 16px;
                    }

                    .report-header h1 {
                        color: #0b2a6f;
                        font-size: 28px;
                        font-weight: 700;
                        margin-bottom: 4px;
                    }

                    .report-header h3 {
                        font-size: 16px;
                        font-weight: 500;
                    }

                    .top-info {
                        display: flex;
                        justify-content: space-between;
                        margin-bottom: 20px;
                    }

                    .info-left,
                    .info-right {
                        width: 42%;
                    }

                    .info-table {
                        width: 100%;
                    }

                    .info-table td {
                        padding: 6px 0;
                        font-size: 15px;
                        color: #000;
                    }

                    .opening-balance {
                        background: #edf6ee;
                        border: 1px solid #9eb89f;
                        border-radius: 4px;
                        padding: 12px 18px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        margin-bottom: 16px;
                        color: #1b5d23;
                        font-size: 16px;
                        font-weight: 700;
                    }

                    table {
                        width: 100%;
                        border-collapse: collapse;
                    }

                    .main-table {
                        color: #000;
                    }

                    .main-table th {
                        background: #06256d;
                        color: #fff;
                        padding: 14px;
                        font-size: 14px;
                        border: 1px solid #d8d8d8;
                    }

                    .main-table td {
                        border: 1px solid #e2e2e2;
                        vertical-align: middle;
                        padding: 14px 12px;
                        font-size: 14px;
                    }

                    .text-center {
                        text-align: center;
                    }

                    .text-right {
                        text-align: right;
                    }

                    .red, .green, .blue{
                        font-weight: 700;
                    }

                    .red{ color: #d61c1c;}
                    .blue{ color: #1f5fd1;}
                    .green{ color: #1b5d23;}

                    .debit {
                        font-weight: 700;
                    }

                    .credit {
                        font-weight: 700;
                    }

                    .balance {
                        color: #1f5fd1;
                        font-weight: 700;
                    }

                    .totals-row {
                        background: #eef1f5;
                        font-weight: 700;
                    }

                    .totals-row td {
                        font-size: 16px;
                    }

                    .bottom-note {
                        display: flex;
                        justify-content: space-between;
                        align-items: flex-start;
                        margin-top: 18px;
                    }

                    .drcr-note {
                        font-size: 15px;
                        line-height: 1.8;
                    }

                    .drcr-note .debit {
                        display: block;
                    }

                    .drcr-note .credit {
                        display: block;
                    }

                    .closing-balance {
                        text-align: center;
                        width: 250px;
                        color: #10235f;
                        font-size: 18px;
                        font-weight: 700;
                    }
                </style>


                @if ($account->group->nature == 'INCOME')
                    <style>
                        .balance, .credit {
                            color: #1b5d23;
                        }
                
                    </style>
                @else
                    <style>
                        .credit {
                            color: #d61c1c;
                        }
                        .balance {
                        color: #1f5fd1;
                    }
                    </style>
                @endif


                <div class="ledger-container">

                    <div class="report-header">

                        <h1>LEDGER - {{ $account->name }}</h1>

                    </div>

                    <div class="top-info">

                        <div class="info-left">

                            <table class="info-table">

                                <tr>
                                    <td><strong>Account Name</strong></td>
                                    <td>:</td>
                                    <td>{{ $account->name }}</td>
                                </tr>

                                <tr>
                                    <td><strong>Account Group</strong></td>
                                    <td>:</td>
                                    <td>{{ $account->group->name }}</td>
                                </tr>

                                <tr>
                                    <td><strong>Account Nature</strong></td>
                                    <td>:</td>
                                    <td>{{ $account->group->nature }}</td>
                                </tr>

                            </table>

                        </div>

                        <div class="info-right">

                            <table class="info-table">

                                <tr>
                                    <td><strong>From Date</strong></td>
                                    <td>:</td>
                                    <td>01-05-2025</td>
                                </tr>

                                <tr>
                                    <td><strong>To Date</strong></td>
                                    <td>:</td>
                                    <td>08-05-2025</td>
                                </tr>

                                <tr>
                                    <td><strong>Currency</strong></td>
                                    <td>:</td>
                                    <td>INR</td>
                                </tr>

                            </table>

                        </div>

                    </div>

                    <div class="opening-balance">

                        <span>Opening Balance ({{ $opening_balance_date }})</span>

                        <span>{{ number_format($opening_balance, 2) }} Dr</span>

                    </div>

                    <table class="main-table">

                        <thead>

                            <tr>
                                <th>Date</th>
                                <th>Ref. No.</th>
                                <th>Particulars</th>
                                <th class="txt-right">Debit (₹)</th>
                                <th class="txt-right">Credit (₹)</th>
                                <th class="txt-right">Balance (₹)</th>
                            </tr>

                        </thead>

                        <tbody>

                            @foreach ($ledger as $entry)
                                <tr>
                                    <td>{{ $entry->date }}</td>
                                    <td class="text-center">{{ $entry->voucher_number }}</td>
                                    <td>{{ $entry->description }}</td>
                                    <td class="text-right {{ $entry->debit_class }}">{{ number_format($entry->debit, 2) }}</td>
                                    <td class="text-right {{ $entry->credit_class }}">{{ number_format($entry->credit, 2) }}</td>
                                    <td class="text-right {{ $entry->tot_class }}">{{ number_format($entry->balance, 2) }} {{ $entry->balance_format}}</td>

            
                                </tr>
                            @endforeach



                            <tr class="totals-row">

                                <td colspan="3" class="txt-left">
                                    Total
                                </td>

                                <td class="text-right blue">
                                    {{ number_format($tot_debit, 2) }}
                                </td>

                                <td class="text-right credit">
                                    {{ number_format($tot_credit, 2) }}
                                </td>

                                <td class="text-right  {{ $gross_tot_class }}">
                                    {{ number_format($entry->balance, 2) }} Dr
                                </td>

                            </tr>

                        </tbody>

                    </table>

                    <div class="bottom-note">

                        <div class="drcr-note">

                            <span class="debit">
                                Dr = Debit Balance
                            </span>

                            <span class="credit">
                                Cr = Credit Balance
                            </span>

                        </div>

                        <div class="closing-balance">
                            Closing Balance
                        </div>

                    </div>

                </div>

            </div>
        </div>


    </div>
</div>

<!-- ========================
   End Page Content
  ========================= -->


@include('layouts.footer')