@extends('layouts.app')
@section('title', 'Profit & Loss')
@section('page-title', 'Profit & Loss Statement')

@section('content')
{{-- Date range filter --}}
<form method="GET" class="flex flex-wrap gap-3 mb-5">
    <div>
        <label class="form-label text-xs">From Date</label>
        <input type="date" name="from_date" value="{{ $fyStart }}" class="form-input text-sm">
    </div>
    <div>
        <label class="form-label text-xs">To Date</label>
        <input type="date" name="to_date" value="{{ $fyEnd }}" class="form-input text-sm">
    </div>
    <div class="flex items-end gap-2">
        <button type="submit" class="btn-primary text-sm py-1.5">Apply</button>
        <a href="{{ route('accounting.profit-loss.pdf') }}?from_date={{ $fyStart }}&to_date={{ $fyEnd }}" class="btn-secondary text-sm py-1.5">
            PDF
        </a>
    </div>
</form>

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

    {{-- Revenue --}}
    <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">Revenue / Income</h3>
            <span class="font-bold">₹{{ number_format($data['revenue']['total'], 2) }}</span>
        </div>
        <table class="w-full text-sm">
            <tbody class="divide-y divide-gray-50">
                @forelse($data['revenue']['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-4 text-center text-gray-400 text-xs">No revenue recorded</td></tr>
                @endforelse
            </tbody>
            <tfoot>
                <tr class="bg-green-50 font-semibold">
                    <td colspan="2" class="px-4 py-2.5 text-sm">Total Revenue</td>
                    <td class="px-4 py-2.5 text-right text-green-700">₹{{ number_format($data['revenue']['total'], 2) }}</td>
                </tr>
            </tfoot>
        </table>
    </div>

    {{-- Expenses --}}
    <div class="card p-0 overflow-hidden">
        <div class="px-4 py-3 bg-red-600 text-white flex justify-between">
            <h3 class="text-sm font-semibold">Expenses</h3>
            <span class="font-bold">₹{{ number_format($data['expense']['total'], 2) }}</span>
        </div>
        <table class="w-full text-sm">
            <tbody class="divide-y divide-gray-50">
                @forelse($data['expense']['rows'] as $row)
                <tr class="hover:bg-red-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-red-600">₹{{ 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 expenses recorded</td></tr>
                @endforelse
            </tbody>
            <tfoot>
                <tr class="bg-red-50 font-semibold">
                    <td colspan="2" class="px-4 py-2.5 text-sm">Total Expenses</td>
                    <td class="px-4 py-2.5 text-right text-red-600">₹{{ number_format($data['expense']['total'], 2) }}</td>
                </tr>
            </tfoot>
        </table>
    </div>
</div>

{{-- Net Profit --}}
<div class="mt-4 card {{ $data['net_profit'] >= 0 ? 'bg-green-50 border-green-200' : 'bg-red-50 border-red-200' }}">
    <div class="flex items-center justify-between">
        <div>
            <h3 class="text-base font-bold {{ $data['net_profit'] >= 0 ? 'text-green-800' : 'text-red-800' }}">
                {{ $data['net_profit'] >= 0 ? 'Net Profit' : 'Net Loss' }}
            </h3>
            <p class="text-xs text-gray-500 mt-0.5">
                {{ \Carbon\Carbon::parse($fyStart)->format('d M Y') }} to {{ \Carbon\Carbon::parse($fyEnd)->format('d M Y') }}
            </p>
        </div>
        <p class="text-3xl font-black {{ $data['net_profit'] >= 0 ? 'text-green-700' : 'text-red-700' }}">
            ₹{{ number_format(abs($data['net_profit']), 2) }}
        </p>
    </div>
    @if($data['revenue']['total'] > 0)
    <div class="mt-3 pt-3 border-t {{ $data['net_profit'] >= 0 ? 'border-green-200' : 'border-red-200' }}">
        <p class="text-sm text-gray-600">
            Net Profit Margin:
            <strong>{{ number_format(($data['net_profit'] / $data['revenue']['total']) * 100, 1) }}%</strong>
        </p>
    </div>
    @endif
</div>
@endsection