@extends('layouts.app')

@section('title', 'Profit & Loss')

@section('content')
@include('super-admin.partials.nav')

<x-page-header title="Profit & Loss" subtitle="Income vs expense for the selected period" icon="sparkles" icon-color="amber">
    <x-slot:actions>
        <a href="{{ route('super-admin.finance.index') }}" class="btn-secondary btn-sm">Finance home</a>
    </x-slot:actions>
</x-page-header>

<form method="GET" class="glass-card p-4 mb-6 flex flex-wrap gap-3 items-end">
    <div>
        <label class="field-label">From</label>
        <input type="date" name="from" value="{{ $from }}" class="field-input">
    </div>
    <div>
        <label class="field-label">To</label>
        <input type="date" name="to" value="{{ $to }}" class="field-input">
    </div>
    <button type="submit" class="btn-secondary btn-sm">Apply</button>
</form>

<div class="grid md:grid-cols-2 gap-6 mb-6">
    <div class="glass-card p-5">
        <h3 class="font-semibold mb-4">Income</h3>
        @forelse ($incomeRows as $row)
            <div class="flex justify-between py-2 border-b border-white/5 text-sm">
                <span>{{ $row->account?->name ?? 'Account #'.$row->account_id }}</span>
                <span>{{ number_format((float) $row->total, 2) }}</span>
            </div>
        @empty
            <p class="text-sm text-themed-muted">No income in range.</p>
        @endforelse
        <div class="flex justify-between pt-4 font-semibold">
            <span>Total income</span>
            <span>{{ number_format((float) $incomeTotal, 2) }}</span>
        </div>
    </div>
    <div class="glass-card p-5">
        <h3 class="font-semibold mb-4">Expense</h3>
        @forelse ($expenseRows as $row)
            <div class="flex justify-between py-2 border-b border-white/5 text-sm">
                <span>{{ $row->account?->name ?? 'Account #'.$row->account_id }}</span>
                <span>{{ number_format((float) $row->total, 2) }}</span>
            </div>
        @empty
            <p class="text-sm text-themed-muted">No expense in range.</p>
        @endforelse
        <div class="flex justify-between pt-4 font-semibold">
            <span>Total expense</span>
            <span>{{ number_format((float) $expenseTotal, 2) }}</span>
        </div>
    </div>
</div>

<div class="glass-card p-5 flex justify-between items-center">
    <p class="font-semibold text-lg">Net profit / (loss)</p>
    <p class="font-semibold text-lg {{ $net >= 0 ? 'text-emerald-300' : 'text-red-300' }}">{{ number_format((float) $net, 2) }}</p>
</div>
@endsection