@extends('admin.layouts.app')

@section('title', 'Expense Details')
@section('page_title', 'Expense Details')

@section('content')
<div class="card">
    <div class="card-header">
        <div class="d-flex justify-content-between align-items-center">
            <h5 class="mb-0">Expense: {{ $expense->expense_no }}</h5>
            <div>
                <a href="{{ route('expenses.edit', $expense->id) }}" class="btn btn-warning">
                    <i class="fas fa-edit"></i> Edit
                </a>
                <a href="{{ route('expenses.index') }}" class="btn btn-secondary">
                    <i class="fas fa-arrow-left"></i> Back
                </a>
            </div>
        </div>
    </div>
    <div class="card-body">
        <table class="table table-bordered">
            <tr>
                <th>Expense No</th>
                <td>{{ $expense->expense_no }}</td>
            </tr>
            <tr>
                <th>Date</th>
                <td>{{ date('d-m-Y', strtotime($expense->date)) }}</td>
            </tr>
            <tr>
                <th>Category</th>
                <td>{{ $expense->category ?? '-' }}</td>
            </tr>
            <tr>
                <th>Amount</th>
                <td><strong>{{ number_format($expense->amount, 2) }}</strong></td>
            </tr>
            <tr>
                <th>Description</th>
                <td>{{ $expense->description ?? '-' }}</td>
            </tr>
        </table>
    </div>
</div>
@endsection