@extends('layouts.app')
@section('title', 'Balance Sheet')
@section('page-title', 'Balance Sheet')

@section('content')
<div class="flex justify-end mb-4">
    <a href="{{ route('accounting.balance-sheet.pdf') }}" class="btn-secondary text-sm py-1.5">Download PDF</a>
</div>

<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">

    {{-- Assets --}}
    <div class="card p-0 overflow-hidden">
        <div class="px-4 py-3 bg-blue-600 text-white flex justify-between">
            <h3 class="text-sm font-semibold">Assets</h3>
            <span class="font-bold">₹{{ number_format($data['assets']['total'], 2) }}</span>
        </div>
        <table class="w-full text-sm">
            <tbody class="divide-y divide-gray-50">
                @forelse($data['assets']['rows'] as $row)
                <tr class="hover:bg-blue-50">
                    <td class="px-4 py-2.5 font-mono text-xs text-gray-400">{{ $row['account']->account_code }}</td>
                    <td class="px-4 py-2.5">{{ $row['account']->account_name }}</td>
                    <td class="px-4 py-2.5 text-right font-semibold text-blue-700">₹{{ number_format($row['balance'], 2) }}</td>
                </tr>
                @empty
                <tr><td colspan="3" class="px-4 py-4 text-center text-gray-400 text-xs">No asset accounts</td></tr>
                @endforelse
            </tbody>
            <tfoot>
                <tr class="bg-blue-50 font-bold">
                    <td colspan="2" class="px-4 py-2.5">Total Assets</td>
                    <td class="px-4 py-2.5 text-right text-blue-700">₹{{ number_format($data['assets']['total'], 2) }}</td>
                </tr>
            </tfoot>
        </table>
    </div>

    {{-- Liabilities + Equity --}}
    <div class="space-y-4">
        <div class="card p-0 overflow-hidden">
            <div class="px-4 py-3 bg-orange-600 text-white flex justify-between">
                <h3 class="text-sm font-semibold">Liabilities</h3>
                <span class="font-bold">₹{{ number_format($data['liabilities']['total'], 2) }}</span>
            </div>
            <table class="w-full text-sm">
                <tbody class="divide-y divide-gray-50">
                    @forelse($data['liabilities']['rows'] as $row)
                    <tr class="hover:bg-orange-50">
                        <td class="px-4 py-2.5 font-mono text-xs text-gray-400">{{ $row['account']->account_code }}</td>
                        <td class="px-4 py-2.5">{{ $row['account']->account_name }}</td>
                        <td class="px-4 py-2.5 text-right font-semibold text-orange-700">₹{{ number_format($row['balance'], 2) }}</td>
                    </tr>
                    @empty
                    <tr><td colspan="3" class="px-4 py-3 text-center text-gray-400 text-xs">No liability accounts</td></tr>
                    @endforelse
                </tbody>
                <tfoot>
                    <tr class="bg-orange-50 font-bold">
                        <td colspan="2" class="px-4 py-2.5">Total Liabilities</td>
                        <td class="px-4 py-2.5 text-right text-orange-700">₹{{ number_format($data['liabilities']['total'], 2) }}</td>
                    </tr>
                </tfoot>
            </table>
        </div>

        <div class="card p-0 overflow-hidden">
            <div class="px-4 py-3 bg-green-600 text-white flex justify-between">
                <h3 class="text-sm font-semibold">Equity</h3>
                <span class="font-bold">₹{{ number_format($data['equity']['total'], 2) }}</span>
            </div>
            <table class="w-full text-sm">
                <tbody class="divide-y divide-gray-50">
                    @forelse($data['equity']['rows'] as $row)
                    <tr class="hover:bg-green-50">
                        <td class="px-4 py-2.5 font-mono text-xs text-gray-400">{{ $row['account']->account_code }}</td>
                        <td class="px-4 py-2.5">{{ $row['account']->account_name }}</td>
                        <td class="px-4 py-2.5 text-right font-semibold text-green-700">₹{{ number_format($row['balance'], 2) }}</td>
                    </tr>
                    @empty
                    <tr><td colspan="3" class="px-4 py-3 text-center text-gray-400 text-xs">No equity accounts</td></tr>
                    @endforelse
                </tbody>
                <tfoot>
                    <tr class="bg-green-50 font-bold">
                        <td colspan="2" class="px-4 py-2.5">Total Equity</td>
                        <td class="px-4 py-2.5 text-right text-green-700">₹{{ number_format($data['equity']['total'], 2) }}</td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>
</div>

{{-- Balancing check --}}
@php
    $liabEquity = $data['liabilities']['total'] + $data['equity']['total'];
    $diff = abs($liabEquity - $data['assets']['total']);
    $balanced = $diff < 1;
@endphp
<div class="card {{ $balanced ? 'bg-green-50 border-green-200' : 'bg-red-50 border-red-200' }}">
    <div class="flex items-center justify-between">
        <div>
            <h3 class="font-semibold {{ $balanced ? 'text-green-800' : 'text-red-800' }}">
                {{ $balanced ? '✓ Balance Sheet Balanced' : '⚠ Balance Sheet Not Balanced' }}
            </h3>
            <p class="text-xs text-gray-500 mt-1">Assets = Liabilities + Equity</p>
        </div>
        <div class="text-right text-sm">
            <p>Assets: <strong>₹{{ number_format($data['assets']['total'], 2) }}</strong></p>
            <p>Liab + Equity: <strong>₹{{ number_format($liabEquity, 2) }}</strong></p>
            @if(!$balanced)<p class="text-red-600">Difference: ₹{{ number_format($diff, 2) }}</p>@endif
        </div>
    </div>
</div>
@endsection