@extends('layouts.app')

@section('title', 'ميزان المراجعة')
@section('page_title', 'تقرير ميزان المراجعة المالي')

@section('content')
<div class="bg-white dark:bg-slate-800 rounded-3xl p-6 border border-slate-100 dark:border-slate-700/60 shadow-sm space-y-6">
    <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between border-b border-slate-100 dark:border-slate-700/40 pb-4 gap-4">
        <div>
            <h3 class="font-extrabold text-sm text-slate-800 dark:text-white">ميزان المراجعة العام</h3>
            <p class="text-xs text-slate-400 mt-1">مطابقة أرصدة الحسابات خلال الفترة من {{ $fromDate }} إلى {{ $toDate }}</p>
        </div>
    </div>

    <!-- Trial Balance Table -->
    <div class="overflow-x-auto rounded-2xl border border-slate-100 dark:border-slate-700/40">
        <table class="w-full text-right text-xs">
            <thead class="bg-slate-50 dark:bg-slate-700/50 text-slate-500 dark:text-slate-400 font-bold border-b border-slate-100 dark:border-slate-700/40">
                <tr>
                    <th class="p-4 w-1/4">رقم الحساب</th>
                    <th class="p-4 w-1/3">اسم الحساب</th>
                    <th class="p-4 text-left w-1/5">إجمالي الحركات المدينة (+)</th>
                    <th class="p-4 text-left w-1/5">إجمالي الحركات الدائنة (-)</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-100 dark:divide-slate-700/40 text-slate-700 dark:text-slate-200 font-medium">
                @php
                    $totalDebits = 0;
                    $totalCredits = 0;
                @endphp
                @forelse($reportData as $row)
                    @php
                        $totalDebits += $row['debit'];
                        $totalCredits += $row['credit'];
                    @endphp
                    <tr class="hover:bg-slate-50/30 dark:hover:bg-slate-700/10">
                        <td class="p-4 font-mono text-slate-400">{{ $row['account']->code }}</td>
                        <td class="p-4 font-bold">{{ $row['account']->name }}</td>
                        <td class="p-4 text-left font-mono text-emerald-600">{{ $row['debit'] > 0 ? number_format($row['debit'], 2) : '-' }}</td>
                        <td class="p-4 text-left font-mono text-red-500">{{ $row['credit'] > 0 ? number_format($row['credit'], 2) : '-' }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="4" class="p-8 text-center text-slate-400">لا توجد معاملات خلال هذه الفترة.</td>
                    </tr>
                @endforelse

                <!-- Grand Total Footer row -->
                <tr class="bg-slate-50 dark:bg-slate-700/60 font-extrabold text-slate-800 dark:text-white border-t border-slate-200">
                    <td class="p-4" colspan="2">الإجمالي العام لميزان المراجعة</td>
                    <td class="p-4 text-left font-mono">{{ number_format($totalDebits, 2) }} ر.س</td>
                    <td class="p-4 text-left font-mono">{{ number_format($totalCredits, 2) }} ر.س</td>
                </tr>
            </tbody>
        </table>
    </div>

    <!-- Balance Check Status -->
    <div class="flex items-center justify-end">
        @if(abs($totalDebits - $totalCredits) < 0.01)
            <span class="bg-emerald-500/10 text-emerald-500 text-xs px-3 py-1.5 rounded-full font-bold border border-emerald-500/20"><i class="fa-solid fa-circle-check mr-1.5"></i>ميزان المراجعة متوازن ومطابق بالكامل</span>
        @else
            <span class="bg-red-500/10 text-red-500 text-xs px-3 py-1.5 rounded-full font-bold border border-red-500/20"><i class="fa-solid fa-triangle-exclamation mr-1.5"></i>هناك فروق في ميزان المراجعة بقيمة {{ number_format(abs($totalDebits - $totalCredits), 2) }} ر.س</span>
        @endif
    </div>
</div>
@endsection