@extends('layout.layout')

@section('content')
<div class="container mt-4">
    <h5 class="mb-4">Expense Details</h5>
    <br>
    <table class="table table-bordered">
        <tr>
            <th>Payment Number</th>
            <td>{{ $expense->payment_number }}</td>
        </tr>
        <tr>
            <th>Amount</th>
            <td>{{ $expense->amount }}</td>
        </tr>
        <tr>
            <th>Payment Date</th>
            <td>{{ $expense->payment_date->format('Y-m-d') }}</td>
        </tr>
        <tr>
            <th>Payment Mode</th>
            <td>{{ ucfirst(str_replace('_', ' ', $expense->payment_mode)) }}</td>
        </tr>
        <tr>
            <th>Paid Through</th>
            <td>{{ ucfirst(str_replace('_', ' ', $expense->paid_through)) }}</td>
        </tr>
        <tr>
            <th>Status</th>
            <td>{{ ucfirst(str_replace('_', ' ', $expense->status)) }}</td>
        </tr>
        <tr>
            <th>Recurring</th>
            <td>
                @if(strtolower($expense->recurring) === 'yes')
                <span class="badge bg-success">Yes</span>
                @else
                <span class="badge bg-secondary">No</span>
                @endif
            </td>
        </tr>
        <tr>
            <th>Vendors</th>
            <td>
                @foreach(array_map('trim', explode(',', $expense->vendors)) as $vendor)
                <span class="badge bg-primary me-1">{{ $vendor }}</span>
                @endforeach
            </td>
        </tr>
        <tr>
            <th>Item Name</th>
            <td>{{ $expense->item_name }}</td>
        </tr>

        <tr>
            <th>From Date</th>
            <td>{{ $expense->from_date }}</td>
        </tr>

        <tr>
            <th>To Date</th>
            <td>{{ $expense->to_date }}</td>
        </tr>

        <tr>
            <th>Created At</th>
            <td>{{ $expense->created_at->format('Y-m-d H:i') }}</td>
        </tr>
    </table>
    <a href="{{ route('expenses.index') }}" class="btn btn-secondary">Back to List</a>
    <a href="{{ route('expenses.edit', $expense->id) }}" class="btn btn-warning">Edit</a>
</div>
@endsection