@extends('layouts.admin')
@section('content')
<div class="card">
    <div class="card-header">Budget {{ $budget->year }} — {{ $budget->title_en }}</div>
    <div class="card-body">
        <table class="table table-bordered table-striped">
            <tr><th>Year</th><td>{{ $budget->year }}</td></tr>
            <tr><th>Property</th><td>{{ optional($budget->property)->name ?? 'Community-wide' }}</td></tr>
            <tr><th>Title (EN)</th><td>{{ $budget->title_en }}</td></tr>
            <tr><th>Title (AR)</th><td dir="rtl">{{ $budget->title_ar }}</td></tr>
            <tr><th>Status</th><td>{{ $budget->is_published ? 'Published' : 'Draft' }}</td></tr>
        </table>

        <h5>Lines</h5>
        <table class="table table-bordered table-striped">
            <thead><tr><th>Category</th><th>Planned</th><th>Actual</th></tr></thead>
            <tbody>
                @foreach($budget->lines as $line)
                    <tr>
                        <td>{{ $line->category_en }} @if($line->category_ar)<span dir="rtl" class="text-muted">/ {{ $line->category_ar }}</span>@endif</td>
                        <td>{{ number_format($line->planned_amount, 2) }}</td>
                        <td>{{ number_format($line->actual_amount, 2) }}</td>
                    </tr>
                @endforeach
                <tr>
                    <th>Total</th>
                    <th>{{ number_format($budget->planned_total, 2) }}</th>
                    <th>{{ number_format($budget->actual_total, 2) }}</th>
                </tr>
            </tbody>
        </table>
        <a href="{{ route('admin.budgets.index') }}" class="btn btn-default">Back</a>
    </div>
</div>
@endsection