@if(isset($data['journalEntries']) )
    <div id="configuration">
        <div class="row">
            <div class="col-xs-12">
                <div class="card">
                    <div class="card-body collapse in">
                        <div>
                            <div>
                                <h2 class="text-center"> @lang('reports::reports.Journal Report') </h2>
                                <h4 class="text-center"><b>{{$data['companyName']}}</b></h4>
                                <h4 class="text-center"> @lang('from') <span dir="ltr">{{$data['dates']['from']}}</span>  @lang('to') <span dir="ltr">{{$data['dates']['to']}}</span> </h4>
                                @if(isset($data['cost_center_name']))
                                    <h4 class="text-center"> @lang('reports::reports.cost_center'): <b>{{$data['cost_center_name']}}</b> </h4>
                                @endif
                                <div>
                                    <table class="table table-striped  ">
                                        <thead>
                                        <tr>
                                            <th>@lang('reports::reports.journal_report.journal_date')</th>
                                            <th>@lang('reports::reports.journal_report.transaction_type')</th>
                                            <th>@lang('reports::reports.journal_number')</th>
                                            <th>@lang('reports::reports.journal_report.journal_description')</th>
                                            <th>@lang('reports::reports.account')</th>
                                            <th>@lang('reports::reports.reference_name')</th>
                                            <th>@lang('reports::reports.debit')</th>
                                            <th>@lang('reports::reports.credit')</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                        @if($data['journalEntries']->count())
                                            @foreach ($data['journalEntries'] as $journalEntry)

                                                @php $recordsCount = $journalEntry['journalRecords']->count() @endphp

                                                <tr>
                                                    {{-- this +1 is for the total debit & credit for single journal entry --}}
                                                    <td rowspan="{{$recordsCount +1 }}">{{ $journalEntry['journal_date'] }}</td>
                                                    <td rowspan="{{$recordsCount +1 }}">{{ $journalEntry['transaction_type'] }}</td>
                                                    <td rowspan="{{$recordsCount +1 }}" style="white-space: nowrap;">{{ $journalEntry['code'] }}</td>
                                                    <td rowspan="{{$recordsCount +1 }}">{{ $journalEntry['description'] }}</td>
                                                    <td style="word-break: break-word;">{{ (@$journalEntry['journalRecords'][0]->account) ? $journalEntry['journalRecords'][0]->account->name : ''}} </td>
                                                    {{-- if supplier is null then it must be customer, so check if the first operand is null it will get the second --}}
                                                    <td style="word-break: break-word;">

                                                        @if(@$journalEntry['journalRecords'][0]->supplier)
                                                            {{$journalEntry['journalRecords'][0]->supplier->name}}
                                                        @elseif(@$journalEntry['journalRecords'][0]->customer)
                                                            {{$journalEntry['journalRecords'][0]->customer->name}}
                                                        @endif
                                                    </td>
                                                    {{--  THIS IN THE SERVICE ... COST A NESTED LOOP TO JUST GET THE CREDIT AND DEBIT, why not just do it in the view ??? --}}
                                                    {{-- <td>{{ $journalEntry['journalRecords'][0]->description}} </td> --}}
                                                    <td>{{ number_format(@$journalEntry['journalRecords'][0]->debit ?? 0 ,2)}} </td>
                                                    <td>{{ number_format(@$journalEntry['journalRecords'][0]->credit ?? 0,2)}} </td>
                                                </tr>

                                                {{-- @if($recordsCount > 1) --}}
                                                @foreach ($journalEntry['journalRecords'] as $journalRecord)
                                                    @if ($loop->first) @continue @endif
                                                    <tr>
                                                        <td style="word-break: break-word;" @if ($loop->last) rowspan="2" @endif>{{ ($journalRecord->account)?$journalRecord->account->name:''}} </td>
                                                        {{-- if supplier is null then it must be customer, so check if the first operand is null it will get the second --}}
                                                        <td style="word-break: break-word;" @if ($loop->last) rowspan="2" @endif>
                                                            @if($journalRecord->supplier)
                                                                {{$journalRecord->supplier->name}}
                                                            @elseif($journalRecord->customer)
                                                                {{$journalRecord->customer->name}}
                                                            @endif
                                                        </td>
                                                        {{--  THIS IN THE SERVICE ... COST A NESTED LOOP TO JUST GET THE CREDIT AND DEBIT, why not just do it in the view ??? --}}
                                                        {{-- <td @if ($loop->last) rowspan="2" @endif>{{ $journalRecord->description}} </td> --}}
                                                        <td>{{ number_format($journalRecord->debit, 2)}} </td>
                                                        <td>{{ number_format($journalRecord->credit, 2)}} </td>
                                                    </tr>
                                                @endforeach
                                                {{-- @endif --}}

                                                <tr>
                                                    <td><b>{{ $journalEntry['totalDebit'] }}</b></td>
                                                    <td><b>{{ $journalEntry['totalCredit'] }}</b></td>
                                                </tr>

                                            @endforeach
                                        @endif

                                        </tbody>
                                        <tfoot>
                                        <tr>
                                            <th> @lang('reports::reports.journal_report.total') </th>
                                            <th></th>
                                            <th></th>
                                            <th></th>
                                            <th></th>
                                            <th></th>
                                            <th> {{ number_format($data['totalDebit'], 2) }} </th>
                                            <th> {{ number_format($data['totalCredit'], 2) }} </th>
                                        </tr>
                                        </tfoot>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif