@extends('layouts.app')
@section('title', 'Accounting')
@section('page-title', 'Accounting & GST Dashboard')

@section('content')
<div class="space-y-5">

    {{-- Quick links --}}
    <div class="grid grid-cols-2 sm:grid-cols-4 gap-3">
        @foreach([
            ['P&L Statement', route('accounting.profit-loss'), 'text-green-600', 'bg-green-50'],
            ['Balance Sheet', route('accounting.balance-sheet'), 'text-blue-600', 'bg-blue-50'],
            ['Trial Balance', route('accounting.trial-balance'), 'text-purple-600', 'bg-purple-50'],
            ['GSTR-3B', route('accounting.gstr3b'), 'text-orange-600', 'bg-orange-50'],
        ] as [$label, $url, $tc, $bg])
        <a href="{{ $url }}" class="card p-4 text-center hover:shadow-md transition-shadow">
            <p class="text-sm font-semibold {{ $tc }}">{{ $label }}</p>
        </a>
        @endforeach
    </div>

    {{-- P&L summary --}}
    <div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
        <div class="card">
            <p class="text-xs text-gray-400 font-medium uppercase tracking-wider">Total Revenue (FY)</p>
            <p class="text-2xl font-bold text-green-600 mt-1">₹{{ number_format($pl['revenue']['total'], 2) }}</p>
        </div>
        <div class="card">
            <p class="text-xs text-gray-400 font-medium uppercase tracking-wider">Total Expenses (FY)</p>
            <p class="text-2xl font-bold text-red-500 mt-1">₹{{ number_format($pl['expense']['total'], 2) }}</p>
        </div>
        <div class="card">
            <p class="text-xs text-gray-400 font-medium uppercase tracking-wider">Net Profit / Loss</p>
            <p class="text-2xl font-bold mt-1 {{ $pl['net_profit'] >= 0 ? 'text-indigo-700' : 'text-red-600' }}">
                {{ $pl['net_profit'] >= 0 ? '' : '- ' }}₹{{ number_format(abs($pl['net_profit']), 2) }}
            </p>
        </div>
    </div>

    {{-- GST Summary this month --}}
    <div class="card">
        <div class="flex items-center justify-between mb-4">
            <h3 class="text-base font-semibold text-gray-900">GST Summary — {{ now()->format('F Y') }}</h3>
            <div class="flex gap-2">
                <a href="{{ route('accounting.gstr1') }}" class="btn-secondary text-xs px-3 py-1.5">GSTR-1</a>
                <a href="{{ route('accounting.gstr3b') }}" class="btn-secondary text-xs px-3 py-1.5">GSTR-3B</a>
            </div>
        </div>

        <div class="grid grid-cols-2 sm:grid-cols-4 gap-4 text-center">
            <div class="p-4 bg-green-50 rounded-xl">
                <p class="text-lg font-bold text-green-700">₹{{ number_format($gstSummary['outward_taxable'], 2) }}</p>
                <p class="text-xs text-gray-500 mt-1">Taxable Turnover</p>
            </div>
            <div class="p-4 bg-blue-50 rounded-xl">
                <p class="text-lg font-bold text-blue-700">₹{{ number_format($gstSummary['outward_total_tax'], 2) }}</p>
                <p class="text-xs text-gray-500 mt-1">Output Tax</p>
            </div>
            <div class="p-4 bg-purple-50 rounded-xl">
                <p class="text-lg font-bold text-purple-700">₹{{ number_format($gstSummary['itc_total'], 2) }}</p>
                <p class="text-xs text-gray-500 mt-1">Input Tax Credit</p>
            </div>
            <div class="p-4 bg-orange-50 rounded-xl">
                <p class="text-lg font-bold text-orange-700">₹{{ number_format($gstSummary['net_tax_payable'], 2) }}</p>
                <p class="text-xs text-gray-500 mt-1">Net GST Payable</p>
            </div>
        </div>

        <div class="mt-4 grid grid-cols-3 sm:grid-cols-6 gap-3 text-center text-xs">
            @foreach([
                ['CGST Out', $gstSummary['outward_cgst'], 'text-gray-600'],
                ['SGST Out', $gstSummary['outward_sgst'], 'text-gray-600'],
                ['IGST Out', $gstSummary['outward_igst'], 'text-gray-600'],
                ['CGST ITC', $gstSummary['itc_cgst'], 'text-green-600'],
                ['SGST ITC', $gstSummary['itc_sgst'], 'text-green-600'],
                ['IGST ITC', $gstSummary['itc_igst'], 'text-green-600'],
            ] as [$l, $v, $c])
            <div class="p-2 bg-gray-50 rounded-lg">
                <p class="font-semibold {{ $c }}">₹{{ number_format($v, 2) }}</p>
                <p class="text-gray-400 mt-0.5">{{ $l }}</p>
            </div>
            @endforeach
        </div>
    </div>

    {{-- Quick report links --}}
    <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
        <div class="card">
            <h3 class="text-sm font-semibold text-gray-900 mb-3">Accounting Reports</h3>
            <ul class="space-y-2">
                @foreach([
                    ['Trial Balance', route('accounting.trial-balance')],
                    ['Profit & Loss Statement', route('accounting.profit-loss')],
                    ['Balance Sheet', route('accounting.balance-sheet')],
                    ['General Ledger', route('accounting.ledger')],
                    ['Chart of Accounts', route('accounting.accounts')],
                ] as [$l, $u])
                <li><a href="{{ $u }}" class="flex items-center justify-between py-1.5 text-sm text-gray-700 hover:text-indigo-600">
                    {{ $l }}
                    <svg class="w-4 h-4 text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
                </a></li>
                @endforeach
            </ul>
        </div>
        <div class="card">
            <h3 class="text-sm font-semibold text-gray-900 mb-3">GST Returns</h3>
            <ul class="space-y-2">
                @foreach([
                    ['GSTR-1 (Outward Supplies)', route('accounting.gstr1')],
                    ['GSTR-3B (Monthly Return)', route('accounting.gstr3b')],
                    ['GST Returns History', route('accounting.gst-returns')],
                ] as [$l, $u])
                <li><a href="{{ $u }}" class="flex items-center justify-between py-1.5 text-sm text-gray-700 hover:text-indigo-600">
                    {{ $l }}
                    <svg class="w-4 h-4 text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
                </a></li>
                @endforeach
            </ul>
        </div>
    </div>

</div>
@endsection