@extends('layouts.admin')
@section('title', $expense->title)
@section('content')
@php $currency = \App\Models\Hotel::query()->value('currency') ?? 'USD'; @endphp
<x-page-header :title="$expense->title">
<x-slot:actions>
<a href="{{ route('admin.expenses.edit', $expense) }}" class="btn btn-hp-outline btn-sm">Edit</a>
@if($expense->status !== 'approved')
<form action="{{ route('admin.expenses.approve', $expense) }}" method="POST" class="d-inline">@csrf<button class="btn btn-hp-primary btn-sm">Approve</button></form>
@endif
</x-slot:actions>
</x-page-header>
<div class="hp-card"><div class="hp-card-body row g-3">
<div class="col-md-4"><small class="text-muted">Category</small><div>{{ $expense->category }}</div></div>
<div class="col-md-4"><small class="text-muted">Amount</small><div class="fw-bold">{{ $currency }} {{ number_format($expense->amount, 2) }}</div></div>
<div class="col-md-4"><small class="text-muted">Status</small><div><x-status-badge :status="$expense->status"/></div></div>
<div class="col-md-4"><small class="text-muted">Date</small><div>{{ $expense->expense_date?->format('M j, Y') }}</div></div>
<div class="col-md-4"><small class="text-muted">Department</small><div>{{ $expense->department?->name ?? '—' }}</div></div>
<div class="col-md-4"><small class="text-muted">Supplier</small><div>{{ $expense->supplier?->name ?? '—' }}</div></div>
<div class="col-md-4"><small class="text-muted">Requested By</small><div>{{ $expense->requestedBy?->name ?? '—' }}</div></div>
<div class="col-md-4"><small class="text-muted">Approved By</small><div>{{ $expense->approvedBy?->name ?? '—' }}</div></div>
<div class="col-md-4"><small class="text-muted">Payment Method</small><div>{{ $expense->payment_method ?? '—' }}</div></div>
@if($expense->description)<div class="col-12"><small class="text-muted">Description</small><div>{{ $expense->description }}</div></div>@endif
</div></div>
@endsection