@extends('layouts.admin')
@section('content')

<div class="card">
    <div class="card-header">Approval #{{ $approval->id }}</div>
    <div class="card-body">
        <table class="table table-bordered table-striped">
            <tr><th>Type</th><td>{{ str_replace('_', ' ', $approval->type) }}</td></tr>
            <tr><th>Status</th><td>{{ ucfirst($approval->status) }}</td></tr>
            <tr><th>Requested by</th><td>{{ optional($approval->requester)->name ?? '—' }}</td></tr>
            <tr><th>Approved by</th><td>{{ optional($approval->approver)->name ?? '—' }}</td></tr>
            <tr><th>Decided at</th><td>{{ $approval->decided_at ?? '—' }}</td></tr>
            <tr><th>Notes</th><td>{{ $approval->notes ?? '—' }}</td></tr>
            <tr><th>Payload</th><td><pre>{{ json_encode($approval->payload, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre></td></tr>
        </table>

        @can('approval_edit')
            @if($approval->status === \App\Models\Approval::STATUS_PENDING)
                <form action="{{ route('admin.approvals.approve', $approval->id) }}" method="POST" style="display:inline-block">
                    @csrf
                    <input type="text" name="notes" class="form-control mb-2" placeholder="Notes (optional)">
                    <button type="submit" class="btn btn-success">Approve</button>
                </form>
                <form action="{{ route('admin.approvals.reject', $approval->id) }}" method="POST" style="display:inline-block">
                    @csrf
                    <button type="submit" class="btn btn-danger">Reject</button>
                </form>
            @endif
        @endcan

        <a href="{{ route('admin.approvals.index') }}" class="btn btn-default mt-2">Back</a>
    </div>
</div>

@endsection