@extends('admin.layout.app')

@section('body')
    <div class="card card-page p-3 shadow-sm">
        <div class="d-flex justify-content-between mb-3">
            <h4 class="mb-0">Income #{{ $income->id }}</h4>
            <div class="d-flex gap-2">
                <a href="{{ route('incomes.edit', $income) }}" class="btn btn-outline-primary">Edit</a>
                <a href="{{ route('incomes.index') }}" class="btn btn-outline-secondary">Back</a>
            </div>
        </div>

        <div class="row g-3">
            <div class="col-md-4"><strong>Date:</strong> {{ optional($income->received_at)->format('Y-m-d') ?? '—' }}</div>
            <div class="col-md-4"><strong>Company:</strong> {{ optional($income->company)->name ?? '—' }}</div>
            <div class="col-md-4"><strong>Invoice #:</strong> {{ $income->invoice_no ?? '—' }}</div>

            <div class="col-md-4"><strong>Amount:</strong> {{ number_format($income->amount, 2) }}</div>
            <div class="col-md-4"><strong>Method:</strong> {{ $income->method ?? '—' }}</div>
            <div class="col-md-4"><strong>Reference:</strong> {{ $income->reference ?? '—' }}</div>

            <div class="col-md-4">
                <strong>Status:</strong>
                @php $cls = $income->status==='received'?'success':($income->status==='partial'?'warning':'secondary'); @endphp
                <span class="badge bg-{{ $cls }}">{{ ucfirst($income->status) }}</span>
            </div>

            <div class="col-12">
                <strong>Description / Notes:</strong>
                <div class="border rounded p-2">{{ $income->description ?? '—' }}</div>
            </div>
        </div>
    </div>
@endsection