@extends('admin.layout.app')

@section('body')
<div class="card card-page p-4">

    {{-- Alerts --}}
    @if (session('success')) <div class="alert alert-success">{{ session('success') }}</div> @endif
    @if (session('error'))   <div class="alert alert-danger">{{ session('error') }}</div>   @endif

    {{-- Header --}}
    <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
            <h4 class="mb-0"><i class="fas fa-receipt me-2"></i> Expense Details</h4>
            <small class="text-muted">View full information about this expense</small>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route('labor-living-expences.edit', $expense) }}" class="btn btn-warning btn-sm">
                <i class="fas fa-edit me-1"></i> Edit
            </a>
            <a href="{{ route('labor-living-expences.index') }}" class="btn btn-outline-secondary btn-sm">
                Back
            </a>
        </div>
    </div>

    {{-- Expense Info --}}
    <dl class="row mb-0">
        <dt class="col-sm-3">ID</dt>
        <dd class="col-sm-9">{{ $expense->id }}</dd>

        <dt class="col-sm-3">Laborer</dt>
        <dd class="col-sm-9">{{ optional($expense->laborer)->name ?? '—' }}</dd>

        <dt class="col-sm-3">Date Spent</dt>
        <dd class="col-sm-9">
            {{ optional($expense->spent_at)->format('Y-m-d') ?? '—' }}
        </dd>

        <dt class="col-sm-3">Amount</dt>
        <dd class="col-sm-9">
            <strong class="text-success">${{ number_format((float)$expense->amount, 2) }}</strong>
        </dd>

        <dt class="col-sm-3">Description</dt>
        <dd class="col-sm-9">
            {{ $expense->description ?? '—' }}
        </dd>

        <dt class="col-sm-3">Created At</dt>
        <dd class="col-sm-9">{{ $expense->created_at->format('Y-m-d H:i') }}</dd>

        <dt class="col-sm-3">Last Updated</dt>
        <dd class="col-sm-9">{{ $expense->updated_at->format('Y-m-d H:i') }}</dd>
    </dl>

    {{-- Delete --}}
    <div class="mt-4">
        <form method="POST" action="{{ route('labor-living-expences.destroy', $expense) }}"
              onsubmit="return confirm('Are you sure you want to delete this expense?')">
            @csrf
            @method('DELETE')
            <button class="btn btn-outline-danger">
                <i class="fas fa-trash me-1"></i> Delete
            </button>
        </form>
    </div>

</div>
@endsection

@section('scripts')
    {{-- Font Awesome (if not loaded globally) --}}
    <script src="https://kit.fontawesome.com/a2e0e6ad53.js" crossorigin="anonymous"></script>
@endsection