@extends('layouts.admin')
@section('content')
<div class="card">
    <div class="card-header">Utility Bill #{{ $utilityBill->id }}</div>
    <div class="card-body">
        <table class="table table-bordered table-striped">
            <tr><th>Unit</th><td>{{ optional($utilityBill->unit)->name ?? '—' }}</td></tr>
            <tr><th>Owner</th><td>{{ optional($utilityBill->user)->name ?? '—' }}</td></tr>
            <tr><th>Type</th><td>{{ optional($utilityBill->type)->name_en ?? '—' }}</td></tr>
            <tr><th>Amount</th><td>{{ $utilityBill->amount }}</td></tr>
            <tr><th>Period</th><td>{{ $utilityBill->period_label }}</td></tr>
            <tr><th>Billing Date</th><td>{{ optional($utilityBill->billing_date)->format('Y-m-d') }}</td></tr>
            <tr><th>Due Date</th><td>{{ optional($utilityBill->due_date)->format('Y-m-d') }}</td></tr>
            <tr><th>Status</th><td>{{ $utilityBill->status }}</td></tr>
            <tr><th>Notes</th><td>{{ $utilityBill->notes }}</td></tr>
        </table>
        <a href="{{ route('admin.utility-bills.index') }}" class="btn btn-default">Back</a>
    </div>
</div>
@endsection