@extends('dashboard.layouts.app')

@section('content')
    @include('components.alert')

    @php
        $totals = $statement['totals'];
        $comparisonTotals = $comparisonStatement['totals'] ?? [];
        $comparisonEnabled = (bool) ($showComparison ?? false);
        $selectedCostCenter = $costCenters->firstWhere('id', (int) ($filters['cost_center_id'] ?? 0));

        $formatAmount = function ($value, bool $dashZero = false) {
            $value = round((float) $value, 2);

            if (abs($value) < 0.00001) {
                return $dashZero ? '-' : '0.00';
            }

            if ($value < 0) {
                return '(' . number_format(abs($value), 2) . ')';
            }

            return number_format($value, 2);
        };

        $amountClass = function ($value) {
            $value = round((float) $value, 2);

            if ($value < -0.00001) {
                return 'is-loss';
            }

            if ($value > 0.00001) {
                return 'is-profit';
            }

            return 'is-muted';
        };

        $comparisonValue = fn(string $key, int $sign = 1) => ($comparisonTotals[$key] ?? 0) * $sign;
        $comparisonRowsByCode = function (string $key) use ($comparisonStatement) {
            return collect($comparisonStatement[$key] ?? [])->keyBy('account_code');
        };
    @endphp

    <div class=" app-bg income-statement-page">
        <div class="page-shell">
            <div class="space-y-4">
                <x-page-title
                    title="Income Statement"
                    description="Profit or loss and other comprehensive income statement based on posted journal entries.">
                </x-page-title>

                <div class="ui-card income-filter-card">
                    <form method="GET" action="{{ route('income_statement.index') }}" class="income-filter-form">
                        <div class="income-filter-fields">
                            <label>
                                <span>From</span>
                                <input type="date" name="from_date" value="{{ $filters['from_date'] }}" class="form-control form-control-sm">
                            </label>

                            <label>
                                <span>To</span>
                                <input type="date" name="to_date" value="{{ $filters['to_date'] }}" class="form-control form-control-sm">
                            </label>

                            <label>
                                <span>Cost Center</span>
                                <select name="cost_center_id" class="form-select form-select-sm">
                                    <option value="">All Cost Centers</option>
                                    @foreach($costCenters as $costCenter)
                                        <option value="{{ $costCenter->id }}" @selected((string) ($filters['cost_center_id'] ?? '') === (string) $costCenter->id)>
                                            {{ $costCenter->code ? $costCenter->code . ' - ' : '' }}{{ $costCenter->title }}
                                        </option>
                                    @endforeach
                                </select>
                            </label>

                            <label class="income-check">
                                <input type="checkbox" name="show_comparison" value="1" class="form-check-input income-check-input" @checked($comparisonEnabled)>
                                <span>Show Comparison</span>
                            </label>

                            <label class="income-comparison-field {{ $comparisonEnabled ? '' : 'd-none' }}">
                                <span>Comparison From</span>
                                <input type="date" name="comparison_from_date" value="{{ $filters['comparison_from_date'] }}" class="form-control form-control-sm">
                            </label>

                            <label class="income-comparison-field {{ $comparisonEnabled ? '' : 'd-none' }}">
                                <span>Comparison To</span>
                                <input type="date" name="comparison_to_date" value="{{ $filters['comparison_to_date'] }}" class="form-control form-control-sm">
                            </label>

                            <label>
                                <span>Tax Rate %</span>
                                <input type="number" name="tax_rate" min="0" max="100" step="0.01" value="{{ $taxRate }}" class="form-control form-control-sm income-tax-input">
                            </label>

                            <input type="hidden" name="posted_only" value="{{ $postedOnly ? 1 : 0 }}">

                            @if(!empty($filters['search']))
                                <input type="hidden" name="search" value="{{ $filters['search'] }}">
                            @endif
                        </div>

                        <div class="income-filter-actions">
                            <button type="submit" class="btn btn-sm btn-primary income-btn income-btn--apply">
                                <iconify-icon icon="ri:refresh-line"></iconify-icon>
                                Apply
                            </button>

                            <button type="submit" name="export" value="excel" class="btn btn-sm btn-light income-btn">
                                <iconify-icon icon="ri:file-excel-2-line"></iconify-icon>
                                Export Excel
                            </button>
                        </div>
                    </form>
                </div>

                <div class=" mt-3">
                    <div class="income-report-card">
                        <div class="income-report-table-wrap">
                            <table class="income-report-table">
                                <thead>
                                    <tr>
                                        <th>Statement Line</th>
                                        <th class="text-center">Note</th>
                                        <th class="text-center">
                                            Current Period
                                            <small>{{ $filters['from_date'] }} - {{ $filters['to_date'] }}</small>
                                        </th>
                                        @if($comparisonEnabled)
                                            <th class="text-center">
                                                Comparison Period
                                                <small>{{ $comparisonFilters['from_date'] ?? '-' }} - {{ $comparisonFilters['to_date'] ?? '-' }}</small>
                                            </th>
                                        @endif
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $groups = [
                                            [
                                                'title' => 'Revenue',
                                                'rowsKey' => 'revenueRows',
                                                'totalKey' => 'revenue',
                                                'sign' => 1,
                                                'empty' => 'No revenue accounts',
                                            ],
                                            [
                                                'title' => 'Cost of Revenue',
                                                'rowsKey' => 'costOfRevenueRows',
                                                'totalKey' => 'cost_of_revenue',
                                                'sign' => -1,
                                                'empty' => 'No cost of revenue accounts',
                                            ],
                                            [
                                                'title' => 'Selling and Distribution Expenses',
                                                'rowsKey' => 'sellingRows',
                                                'totalKey' => 'selling_expenses',
                                                'sign' => -1,
                                                'empty' => 'No selling expenses',
                                            ],
                                            [
                                                'title' => 'General and Administrative Expenses',
                                                'rowsKey' => 'adminRows',
                                                'totalKey' => 'admin_expenses',
                                                'sign' => -1,
                                                'empty' => 'No administrative expenses',
                                            ],
                                            [
                                                'title' => 'Finance Costs',
                                                'rowsKey' => 'financeRows',
                                                'totalKey' => 'finance_costs',
                                                'sign' => -1,
                                                'empty' => 'No finance costs',
                                            ],
                                        ];
                                    @endphp

                                    @foreach($groups as $group)
                                        @php
                                            $groupAmount = $totals[$group['totalKey']] * $group['sign'];
                                            $groupComparison = $comparisonValue($group['totalKey'], $group['sign']);
                                            $rows = collect($statement[$group['rowsKey']] ?? []);
                                            $comparisonMap = $comparisonRowsByCode($group['rowsKey']);
                                        @endphp

                                        <tr class="income-section-row">
                                            <td>{{ $group['title'] }}</td>
                                            <td></td>
                                            <td class="money {{ $amountClass($groupAmount) }}">{{ $formatAmount($groupAmount) }}</td>
                                            @if($comparisonEnabled)
                                                <td class="money {{ $amountClass($groupComparison) }}">{{ $formatAmount($groupComparison) }}</td>
                                            @endif
                                        </tr>

                                        @forelse($rows as $row)
                                            @php
                                                $rowKey = $group['rowsKey'] . '-' . $row['account_id'];
                                                $currentAmount = ((float) $row['amount']) * $group['sign'];
                                                $matchedComparison = $comparisonMap->get($row['account_code']);
                                                $rowComparison = ((float) ($matchedComparison['amount'] ?? 0)) * $group['sign'];
                                            @endphp

                                            <tr class="income-account-row">
                                                <td>
                                                    <button type="button" class="income-toggle" data-target-id="{{ $rowKey }}" aria-expanded="false" title="Show movements">
                                                        <iconify-icon icon="ri:arrow-right-s-line"></iconify-icon>
                                                    </button>
                                                    <span>{{ $row['account_title'] }}</span>
                                                </td>
                                                <td class="text-center">{{ $row['account_code'] ?: '-' }}</td>
                                                <td class="money {{ $amountClass($currentAmount) }}">{{ $formatAmount($currentAmount) }}</td>
                                                @if($comparisonEnabled)
                                                    <td class="money {{ $amountClass($rowComparison) }}">{{ $formatAmount($rowComparison) }}</td>
                                                @endif
                                            </tr>

                                            <tr class="income-detail-row d-none" data-detail-for="{{ $rowKey }}">
                                                <td colspan="{{ $comparisonEnabled ? 4 : 3 }}">
                                                    <div class="income-detail-panel">
                                                        <table>
                                                            <thead>
                                                                <tr>
                                                                    <th>Date</th>
                                                                    <th>Entry</th>
                                                                    <th>Description</th>
                                                                    <th>Cost Center</th>
                                                                    <th class="text-center">Amount</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                @forelse($row['movements'] as $movement)
                                                                    @php($movementAmount = ((float) $movement['amount']) * $group['sign'])
                                                                    <tr>
                                                                        <td>{{ optional($movement['date'])->format('Y-m-d') ?: '-' }}</td>
                                                                        <td>
                                                                            <a href="{{ route('journal_entries.review', $movement['journal_entry_id']) }}">#{{ $movement['journal_entry_id'] }}</a>
                                                                        </td>
                                                                        <td>{{ $movement['description'] }}</td>
                                                                        <td>{{ $movement['cost_center']?->title ?: '-' }}</td>
                                                                        <td class="money {{ $amountClass($movementAmount) }}">{{ $formatAmount($movementAmount) }}</td>
                                                                    </tr>
                                                                @empty
                                                                    <tr>
                                                                        <td colspan="5" class="income-empty">No movements found.</td>
                                                                    </tr>
                                                                @endforelse
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </td>
                                            </tr>
                                        @empty
                                            <tr class="income-account-row income-muted-row">
                                                <td>{{ $group['empty'] }}</td>
                                                <td class="text-center">-</td>
                                                <td class="money is-muted">-</td>
                                                @if($comparisonEnabled)
                                                    <td class="money is-muted">-</td>
                                                @endif
                                            </tr>
                                        @endforelse

                                        @if($group['totalKey'] === 'cost_of_revenue')
                                            <tr class="income-total-row">
                                                <td>Gross Profit</td>
                                                <td></td>
                                                <td class="money {{ $amountClass($totals['gross_profit']) }}">{{ $formatAmount($totals['gross_profit']) }}</td>
                                                @if($comparisonEnabled)
                                                    <td class="money {{ $amountClass($comparisonTotals['gross_profit'] ?? 0) }}">{{ $formatAmount($comparisonTotals['gross_profit'] ?? 0) }}</td>
                                                @endif
                                            </tr>
                                        @endif

                                        @if($group['totalKey'] === 'admin_expenses')
                                            <tr class="income-total-row">
                                                <td>Operating Profit (Loss)</td>
                                                <td></td>
                                                <td class="money {{ $amountClass($totals['operating_profit']) }}">{{ $formatAmount($totals['operating_profit']) }}</td>
                                                @if($comparisonEnabled)
                                                    <td class="money {{ $amountClass($comparisonTotals['operating_profit'] ?? 0) }}">{{ $formatAmount($comparisonTotals['operating_profit'] ?? 0) }}</td>
                                                @endif
                                            </tr>
                                        @endif
                                    @endforeach

                                    <tr class="income-total-row">
                                        <td>Profit (Loss) Before Tax</td>
                                        <td></td>
                                        <td class="money {{ $amountClass($totals['profit_before_tax']) }}">{{ $formatAmount($totals['profit_before_tax']) }}</td>
                                        @if($comparisonEnabled)
                                            <td class="money {{ $amountClass($comparisonTotals['profit_before_tax'] ?? 0) }}">{{ $formatAmount($comparisonTotals['profit_before_tax'] ?? 0) }}</td>
                                        @endif
                                    </tr>
                                    <tr>
                                        <td>Income Tax ({{ number_format($taxRate, 2) }}%)</td>
                                        <td></td>
                                        <td class="money is-loss">{{ $formatAmount(-$totals['income_tax']) }}</td>
                                        @if($comparisonEnabled)
                                            <td class="money is-loss">{{ $formatAmount(-($comparisonTotals['income_tax'] ?? 0)) }}</td>
                                        @endif
                                    </tr>
                                    <tr class="income-final-row">
                                        <td>{{ $totals['period_result'] >= 0 ? 'Profit for the Period' : 'Loss for the Period' }}</td>
                                        <td></td>
                                        <td class="money">{{ $formatAmount($totals['period_result']) }}</td>
                                        @if($comparisonEnabled)
                                            <td class="money">{{ $formatAmount($comparisonTotals['period_result'] ?? 0) }}</td>
                                        @endif
                                    </tr>
                                    <tr>
                                        <td>Other Comprehensive Income</td>
                                        <td></td>
                                        <td class="money is-muted">-</td>
                                        @if($comparisonEnabled)
                                            <td class="money is-muted">-</td>
                                        @endif
                                    </tr>
                                    <tr class="income-total-row">
                                        <td>Total Comprehensive Income for the Period</td>
                                        <td></td>
                                        <td class="money {{ $amountClass($totals['total_comprehensive_income']) }}">{{ $formatAmount($totals['total_comprehensive_income']) }}</td>
                                        @if($comparisonEnabled)
                                            <td class="money {{ $amountClass($comparisonTotals['total_comprehensive_income'] ?? 0) }}">{{ $formatAmount($comparisonTotals['total_comprehensive_income'] ?? 0) }}</td>
                                        @endif
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('styles')
    <style>




        .income-filter-card {
            padding: 12px;
            border: 1px solid #e5e7eb;
            border-radius: 8px;
            background: #fff;
        }

        .income-filter-form {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            flex-wrap: wrap;
            width: 100%;
        }

        .income-filter-fields {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 8px;
            flex-wrap: wrap;
            flex: 1 1 auto;
        }

        .income-filter-fields label {
            display: inline-flex;
            align-items: center;
            flex-direction: row;
            gap: 8px;
            margin: 0;
            min-height: 42px;
            padding: 5px 7px 5px 10px;
            border: 1px solid #edf2f7;
            border-radius: 8px;
            background: #f8fafc;
            color: #374151;
            font-weight: 800;
            white-space: nowrap;
        }

        .income-filter-fields label span {
            color: #64748b;
            font-size: 12px;
            font-weight: 850;
            white-space: nowrap;
        }

        .income-filter-fields .form-control,
        .income-filter-fields .form-select {
            min-height: 38px;
            border-color: #dbe2ea;
            border-radius: 7px;
            background-color: #fff;
            color: #111827;
            font-weight: 700;
        }

        .income-filter-fields input[type="date"] {
            width: 150px;
        }

        .income-filter-fields select {
            width: 220px;
        }

        .income-tax-input {
            width: 76px;
            text-align: center;
        }

        .income-check {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 10px;
            border: 1px solid #e5e7eb;
            border-radius: 8px;
            background: #f8fafc;
            cursor: pointer;
        }

        .income-check .income-check-input {
            position: static !important;
            display: inline-block !important;
            visibility: visible !important;
            opacity: 1 !important;
            width: 16px !important;
            height: 16px !important;
            min-width: 16px !important;
            margin: 0 !important;
            appearance: auto !important;
            -webkit-appearance: checkbox !important;
            margin: 0;
            accent-color: #0f766e;
            cursor: pointer;
        }

        .income-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            min-height: 38px;
            padding-inline: 12px;
            border-color: #dbe2ea;
            border-radius: 8px;
            color: #0f172a;
            font-weight: 800;
        }

        .income-filter-actions {
            display: inline-flex;
            align-items: center;
            justify-content: flex-end;
            gap: 8px;
            margin-left: auto;
        }

        .income-btn--apply {
            min-width: 86px;
        }

        .income-report-shell {
            display: flex;
            justify-content: center;
        }



        .income-report-title {
            padding: 18px 20px 14px;
            text-align: center;
        }



        .income-report-title h2 {
            color: #111827;
            
            font-weight: 900;
        }

        .income-report-title h3 {
            margin-top: 5px;
            color: #111827;
            
            font-weight: 850;
        }

        .income-report-title p,
        .income-report-title span {
            display: block;
            margin-top: 5px;
            color: #64748b;
            
            font-weight: 700;
            line-height: 1.6;
        }

        .income-report-table-wrap {
            overflow-x: auto;
            border-top: 1px solid #111827;
        }

        .income-report-table {
            width: 100%;
            margin: 0;
            border-collapse: collapse;
        }

        .income-report-table th,
        .income-report-table td {
            padding: 11px 14px;
            border-bottom: 1px solid #e5e7eb;
            vertical-align: middle;
            white-space: nowrap;
        }

        .income-report-table th {
            background: #f8fafc;
            color: #64748b;
            
            font-weight: 850;
            text-transform: uppercase;
        }

        .income-report-table th small {
            display: block;
            margin-top: 3px;
            color: #7c8da4;
            
            font-weight: 700;
            text-transform: none;
        }

        .income-report-table td {
            color: #111827;
            
            font-weight: 800;
        }

        .income-section-row td,
        .income-total-row td {
            background: #f8fafc;
            font-weight: 950;
        }

        .income-muted-row td {
            color: #94a3b8;
        }

        .income-final-row td {
            background: #102333;
            color: #fff;
            font-weight: 950;
        }

        .income-toggle {
            width: 26px;
            height: 26px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-right: 6px;
            border: 0;
            border-radius: 7px;
            background: transparent;
            color: #64748b;
        }

        .income-toggle iconify-icon {
            
            transition: transform 0.16s ease;
        }

        .income-toggle[aria-expanded="true"] iconify-icon {
            transform: rotate(90deg);
        }

        .money {
            text-align: center;
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
            font-weight: 950;
            font-variant-numeric: tabular-nums;
        }

        .money.is-profit {
            color: #007a52;
        }

        .money.is-loss {
            color: #cf2525;
        }

        .money.is-muted {
            color: #64748b;
        }

        .income-detail-row > td {
            padding: 0 !important;
            background: #f8fafc;
        }

        .income-detail-panel {
            padding: 10px 14px 14px;
        }

        .income-detail-panel table {
            width: 100%;
            border: 1px solid #e5e7eb;
            border-radius: 8px;
            border-collapse: separate;
            border-spacing: 0;
            overflow: hidden;
            background: #fff;
        }

        .income-detail-panel th,
        .income-detail-panel td {
            padding: 9px 10px;
            
        }

        .income-detail-panel a {
            color: #2563eb;
            text-decoration: none;
            font-weight: 900;
        }

        .income-empty {
            text-align: center;
            color: #94a3b8;
        }

        .income-notes {
            padding: 12px 16px 16px;
            color: #64748b;
            
            font-weight: 700;
            line-height: 1.7;
            text-align: center;
            background: #f8fafc;
        }

        @media (max-width: 991.98px) {
            .income-filter-form,
            .income-filter-fields {
                align-items: center;
                justify-content: flex-start;
            }

            .income-filter-actions {
                width: 100%;
                justify-content: flex-start;
                margin-left: 0;
            }

            .income-filter-fields label {
                width: auto;
                justify-content: flex-start;
            }
        }

        @media (max-width: 575.98px) {
            .income-filter-fields label {
                width: 100%;
                justify-content: space-between;
            }

            .income-filter-actions {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .income-btn {
                width: 100%;
            }

            .income-filter-fields input[type="date"],
            .income-filter-fields select,
            .income-tax-input {
                width: 100%;
            }
        }
    </style>
@endpush

@push('scripts')
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const comparisonCheckbox = document.querySelector('.income-check-input[name="show_comparison"]');
            const comparisonFields = document.querySelectorAll('.income-comparison-field');

            if (comparisonCheckbox) {
                comparisonCheckbox.addEventListener('change', function () {
                    comparisonFields.forEach(function (field) {
                        field.classList.toggle('d-none', !comparisonCheckbox.checked);
                    });
                });
            }

            document.querySelectorAll('.income-toggle').forEach(function (button) {
                button.addEventListener('click', function () {
                    const targetId = this.dataset.targetId;
                    const row = document.querySelector('.income-detail-row[data-detail-for="' + targetId + '"]');
                    const expanded = this.getAttribute('aria-expanded') === 'true';

                    if (!row) {
                        return;
                    }

                    row.classList.toggle('d-none', expanded);
                    this.setAttribute('aria-expanded', expanded ? 'false' : 'true');
                });
            });
        });
    </script>
@endpush