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

@section('content')
<div class="flex justify-end gap-2 mb-4">
    <a href="{{ route('accounting.trial-balance.pdf') }}" class="btn-secondary text-sm py-1.5">
        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
        Download PDF
    </a>
</div>

<div class="card p-0 overflow-hidden">
    <div class="px-6 py-4 border-b border-gray-100 flex items-center justify-between">
        <div>
            <h2 class="text-base font-semibold text-gray-800">Trial Balance</h2>
            <p class="text-xs text-gray-400 mt-0.5">As of {{ now()->format('d M Y') }} | FY {{ auth()->user()->tenant->profile?->current_financial_year }}</p>
        </div>
        @if($data['is_balanced'])
        <span class="badge-green">✓ Balanced</span>
        @else
        <span class="badge-red">⚠ Not Balanced</span>
        @endif
    </div>

    <div class="overflow-x-auto">
        <table class="w-full text-sm">
            <thead class="bg-gray-50">
                <tr>
                    <th class="table-th w-24">Code</th>
                    <th class="table-th">Account Name</th>
                    <th class="table-th">Type</th>
                    <th class="table-th text-right w-40">Debit (₹)</th>
                    <th class="table-th text-right w-40">Credit (₹)</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-50">
                @php $lastType = ''; @endphp
                @foreach($data['rows'] as $row)
                @if($row['type'] !== $lastType)
                <tr class="bg-indigo-50">
                    <td colspan="5" class="px-4 py-1.5 text-xs font-bold text-indigo-700 uppercase tracking-wider">
                        {{ ucfirst($row['type']) }}
                    </td>
                </tr>
                @php $lastType = $row['type']; @endphp
                @endif
                <tr class="hover:bg-gray-50">
                    <td class="table-td font-mono text-xs text-gray-500">{{ $row['code'] }}</td>
                    <td class="table-td font-medium">{{ $row['name'] }}</td>
                    <td class="table-td text-xs text-gray-400 capitalize">{{ $row['type'] }}</td>
                    <td class="table-td text-right font-mono">
                        {{ $row['debit'] > 0 ? number_format($row['debit'], 2) : '—' }}
                    </td>
                    <td class="table-td text-right font-mono">
                        {{ $row['credit'] > 0 ? number_format($row['credit'], 2) : '—' }}
                    </td>
                </tr>
                @endforeach
            </tbody>
            <tfoot>
                <tr class="bg-gray-800 text-white font-bold">
                    <td colspan="3" class="px-4 py-3 text-sm">TOTAL</td>
                    <td class="px-4 py-3 text-right font-mono">₹{{ number_format($data['total_debit'], 2) }}</td>
                    <td class="px-4 py-3 text-right font-mono">₹{{ number_format($data['total_credit'], 2) }}</td>
                </tr>
            </tfoot>
        </table>
    </div>

    @if(!$data['is_balanced'])
    <div class="p-4 bg-red-50 border-t border-red-200">
        <p class="text-sm text-red-700 font-medium">
            ⚠ Trial balance is off by ₹{{ number_format(abs($data['total_debit'] - $data['total_credit']), 2) }}.
            This may indicate missing journal entries.
        </p>
    </div>
    @endif
</div>
@endsection