@extends('layouts.finance')

@section('title', 'Reports')
@section('subtitle', 'Profit and loss, balance sheet and trends')

@section('content')
    <div class="grid grid-2 mb">
        <section class="card">
            <div class="section-head"><h2>Profit & Loss Statement</h2></div>
            <table>
                <tbody>
                @foreach($reports['pl'] as $label => $amount)
                    <tr>
                        <td><strong>{{ $label }}</strong></td>
                        <td class="right" style="color:{{ $amount < 0 ? '#ef4444' : '#1f2937' }}">{{ $metrics->money($amount) }}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </section>
        <section class="card">
            <div class="section-head"><h2>Balance Sheet Snapshot</h2></div>
            <table>
                <tbody>
                @foreach($reports['balance'] as $label => $amount)
                    <tr>
                        <td><strong>{{ $label }}</strong></td>
                        <td class="right" style="color:{{ $amount < 0 ? '#ef4444' : '#1f2937' }}">{{ $metrics->money($amount) }}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </section>
    </div>
    <section class="card">
        <div class="section-head"><h2>6-Month Revenue vs Expenses</h2></div>
        <table>
            <thead><tr><th>Month</th><th class="right">Revenue</th><th class="right">Expenses</th><th class="right">Net</th></tr></thead>
            <tbody>
            @foreach($trend['labels'] as $i => $label)
                <tr>
                    <td>{{ $label }}</td>
                    <td class="right">{{ $metrics->money($trend['revenue'][$i]) }}</td>
                    <td class="right">{{ $metrics->money($trend['expenses'][$i]) }}</td>
                    <td class="right">{{ $metrics->money($trend['revenue'][$i] - $trend['expenses'][$i]) }}</td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </section>
@endsection