@extends('layouts.app')
@section('title', 'Profit & Loss')
@section('content')
<h4 class="mb-3">Profit &amp; Loss</h4>
<form class="row g-2 mb-3">
    <div class="col-auto"><input type="date" name="from" value="{{ $from }}" class="form-control"></div>
    <div class="col-auto"><input type="date" name="to" value="{{ $to }}" class="form-control"></div>
    <div class="col-auto"><button class="btn btn-dark">Filter</button></div>
</form>

<div class="row">
    <div class="col-md-6">
        <h6>Revenue</h6>
        <table class="table bg-white table-sm">
            @forelse ($revenue as $name => $amount)
            <tr><td>{{ $name }}</td><td class="text-end">{{ number_format($amount,2) }}</td></tr>
            @empty
            <tr><td class="text-muted">No revenue in this period.</td></tr>
            @endforelse
            <tr class="fw-bold"><td>Total Revenue</td><td class="text-end">{{ number_format($totalRevenue,2) }}</td></tr>
        </table>
    </div>
    <div class="col-md-6">
        <h6>Expenses</h6>
        <table class="table bg-white table-sm">
            @forelse ($expenses as $name => $amount)
            <tr><td>{{ $name }}</td><td class="text-end">{{ number_format($amount,2) }}</td></tr>
            @empty
            <tr><td class="text-muted">No expenses in this period.</td></tr>
            @endforelse
            <tr class="fw-bold"><td>Total Expenses</td><td class="text-end">{{ number_format($totalExpenses,2) }}</td></tr>
        </table>
    </div>
</div>

<div class="card p-3 mt-3" style="max-width:400px;">
    <div class="d-flex justify-content-between fs-5 fw-bold">
        <span>Net Profit</span>
        <span class="{{ ($totalRevenue - $totalExpenses) >= 0 ? 'text-success' : 'text-danger' }}">
            {{ number_format($totalRevenue - $totalExpenses, 2) }}
        </span>
    </div>
</div>
@endsection