@extends('layouts.app')

@section('title', 'Submission — ' . ($formSubmission->form?->name ?? 'Form'))
@section('heading', 'Form Submission')

@section('content')
@include('documents.top-submenu')
    <x-card class="max-w-3xl">
        <div class="mb-4">
            <a href="{{ route('form-submissions.index', ['form_id' => $formSubmission->form_id]) }}" class="text-sm text-primary hover:underline">&larr; All submissions</a>
        </div>

        <dl class="mb-6 grid gap-3 text-sm sm:grid-cols-2">
            <div><dt class="text-slate-500">Form</dt><dd class="font-medium text-slate-900">{{ $formSubmission->form?->name }}</dd></div>
            <div><dt class="text-slate-500">Employee</dt><dd class="font-medium text-slate-900">{{ $formSubmission->user?->name }}</dd></div>
            <div><dt class="text-slate-500">Submitted</dt><dd class="font-medium text-slate-900">{{ $formSubmission->created_at?->format('d M Y H:i') }}</dd></div>
            <div><dt class="text-slate-500">Status</dt><dd class="font-medium capitalize text-slate-900">{{ str_replace('_', ' ', $formSubmission->status) }}</dd></div>
        </dl>

        @if(auth()->user()?->hasPermission('documents_view'))
            <form action="{{ route('form-submissions.update-status', $formSubmission) }}" method="post" class="mb-6 rounded-lg border border-slate-200 bg-slate-50 p-4">
                @csrf
                <h3 class="mb-3 text-sm font-semibold text-slate-800">HR review</h3>
                <div class="grid gap-3 sm:grid-cols-2">
                    <select name="status" class="rounded-lg border border-slate-300 px-3 py-2 text-sm js-select2">
                        @foreach(['submitted', 'approved', 'rejected', 'needs_revision'] as $st)
                            <option value="{{ $st }}" {{ $formSubmission->status === $st ? 'selected' : '' }}>{{ ucfirst(str_replace('_', ' ', $st)) }}</option>
                        @endforeach
                    </select>
                    <input type="text" name="review_notes" value="{{ old('review_notes', $formSubmission->review_notes) }}" placeholder="Review notes" class="rounded-lg border border-slate-300 px-3 py-2 text-sm">
                </div>
                <button type="submit" class="mt-3 rounded-lg bg-slate-800 px-4 py-2 text-sm font-medium text-white">Update status</button>
            </form>
        @endif

        <div class="space-y-4">
            @foreach($formSubmission->responses ?? [] as $response)
                <div class="rounded-lg border border-slate-200 px-4 py-3">
                    <p class="text-xs font-semibold uppercase tracking-wide text-slate-500">{{ $response['label'] ?? 'Field' }}</p>
                    <p class="mt-1 text-sm text-slate-900">
                        @if(($response['type'] ?? '') === 'checkbox')
                            {{ ! empty($response['value']) ? 'Yes' : 'No' }}
                        @else
                            {{ $response['value'] ?? '—' }}
                        @endif
                    </p>
                </div>
            @endforeach
        </div>
    </x-card>
@endsection