@extends('layouts.app')
@section('title', 'Expense — '.$expense->description)

@section('content')
    <div class="page-head">
        <div>
            <h1>{{ \Illuminate\Support\Str::limit($expense->description, 60) }}</h1>
            <p>{{ title_case_words($expense->category) }} · {{ $expense->expense_date?->format('d M Y') }}</p>
        </div>
        <div class="page-actions">
            <a href="{{ route('print.expense', $expense) }}" class="btn secondary" target="_blank" rel="noopener">Print</a>
            @if ($expense->status === 'draft')
                <a href="{{ route('expenses.edit', $expense) }}" class="btn secondary">Edit</a>
                <form method="POST" action="{{ route('expenses.submit', $expense) }}">
                    @csrf
                    <button class="btn secondary" type="submit">Submit for approval</button>
                </form>
            @endif

            @if (in_array($expense->status, ['draft', 'submitted'], true))
                <form method="POST" action="{{ route('expenses.approve', $expense) }}"
                      data-confirm="Approve and post {{ money($expense->amount) }} to the ledger?">
                    @csrf
                    <button class="btn" type="submit">Approve &amp; post</button>
                </form>

                <form method="POST" action="{{ route('expenses.reject', $expense) }}">
                    @csrf
                    <input type="hidden" name="reason" value="Rejected by reviewer">
                    <button class="btn danger" type="submit"
                            data-confirm="Reject this expense?">Reject</button>
                </form>
            @endif
        </div>
    </div>

    <div class="grid grid-4 mb-2">
        @include('components.kpi', ['label' => 'Amount', 'value' => money($expense->amount), 'variant' => 'info'])
        @include('components.kpi', ['label' => 'Status', 'value' => title_case_words($expense->status),
            'variant' => $expense->status === 'approved' ? 'good' : ($expense->status === 'rejected' ? 'bad' : 'warn')])
        @include('components.kpi', ['label' => 'Account', 'value' => $expense->account?->code ?: '—'])
        @include('components.kpi', ['label' => 'Settled by', 'value' => title_case_words($expense->payment_method ?? 'cash')])
    </div>

    <div class="grid grid-2">
        <div class="card">
            <div class="card-head"><h3>Details</h3></div>
            <div class="card-body">
                <dl>
                    <dt>Description</dt><dd>{{ $expense->description }}</dd>
                    <dt>Category</dt><dd>{{ title_case_words($expense->category) }}</dd>
                    <dt>Vendor</dt><dd>{{ $expense->vendor ?: '—' }}</dd>
                    <dt>Amount</dt><dd class="strong">{{ money($expense->amount) }}</dd>
                    <dt>Date</dt><dd>{{ $expense->expense_date?->format('d M Y') }}</dd>
                    <dt>Reference</dt><dd class="mono">{{ $expense->reference ?: '—' }}</dd>
                    <dt>Settled by</dt><dd>{{ title_case_words($expense->payment_method ?? 'cash') }}</dd>
                    <dt>Branch</dt><dd>{{ $expense->branch?->name ?: 'Organisation-wide' }}</dd>
                    <dt>Recorded by</dt><dd>{{ $expense->recordedBy?->name ?: '—' }}</dd>
                    @if ($expense->receipt_path)
                        <dt>Receipt</dt><dd class="mono tiny">{{ $expense->receipt_path }}</dd>
                    @endif
                </dl>
            </div>
            @if ($expense->status !== 'approved')
                <div class="card-foot">
                    <form method="POST" action="{{ route('expenses.destroy', $expense) }}"
                          data-confirm="Delete this expense?">
                        @csrf @method('DELETE')
                        <button class="btn xs danger" type="submit">Delete</button>
                    </form>
                </div>
            @endif
        </div>

        <div class="card">
            <div class="card-head"><h3>Ledger effect</h3></div>
            <div class="card-body">
                @if ($expense->status === 'approved')
                    <table class="data">
                        <thead><tr><th>Account</th><th class="num">Debit</th><th class="num">Credit</th></tr></thead>
                        <tbody>
                        <tr>
                            <td class="mono">{{ $expense->account?->code }} — {{ $expense->account?->name }}</td>
                            <td class="num strong">{{ money($expense->amount) }}</td><td class="num"></td>
                        </tr>
                        <tr>
                            <td class="small muted">
                                {{ $expense->payment_method === 'on_credit' ? 'Accounts payable'
                                    : ($expense->payment_method === 'momo' ? 'Mobile money float' : 'Cash at bank') }}
                            </td>
                            <td class="num"></td><td class="num strong">{{ money($expense->amount) }}</td>
                        </tr>
                        </tbody>
                    </table>
                    <p class="small muted mt-1">
                        Posted to the general ledger — see the
                        <a href="{{ route('journal.index') }}">journal</a> and the
                        <a href="{{ route('reports.financial') }}">profit &amp; loss</a>.
                    </p>
                @else
                    @include('components.empty-state', [
                        'icon' => '&#128210;',
                        'title' => 'Not yet posted',
                        'message' => 'Approving this expense will debit the ledger account and credit the settlement account, and it will then appear on the profit & loss report.',
                    ])
                @endif
            </div>
        </div>
    </div>
@endsection