@extends('backend.layouts.app')

@section('content')
<div class="container">
    <h1>{{ _trans('common.Travel Expense Log Details') }}</h1>
    
    <div class="card">
        <div class="card-header">
            {{ _trans('common.Travel Expense Log') }} #{{ $travelExpenseLog->id }}
        </div>
        <div class="card-body">
            <p><strong>{{ _trans('common.Travel Expense ID') }}:</strong> {{ $travelExpenseLog->travel_expense_id }}</p>
            <p><strong>{{ _trans('common.Expense Category') }}:</strong> {{ $travelExpenseLog->expenseCategory->name ?? _trans('common.N/A') }}</p>
            <p><strong>{{ _trans('common.Amount') }}:</strong> ${{ number_format($travelExpenseLog->amount, 2) }}</p>
            <p><strong>{{ _trans('common.File') }}:</strong> {{ $travelExpenseLog->file->filename ?? _trans('common.N/A') }}</p>
            <p><strong>{{ _trans('common.Remark') }}:</strong> {{ $travelExpenseLog->remark ?? _trans('common.N/A') }}</p>

            <a href="{{ route('travel.expense.logs.edit', $travelExpenseLog->id) }}" class="btn btn-warning">{{ _trans('common.Edit') }}</a>
            <form action="{{ route('travel.expense.logs.destroy', $travelExpenseLog->id) }}" method="POST" style="display:inline;">
                @csrf
                @method('DELETE')
                <button type="submit" class="btn btn-danger" onclick="return confirm(_trans('common.Are you sure?'))">{{ _trans('common.Delete') }}</button>
            </form>
        </div>
    </div>
</div>
@endsection