@extends('backend.layouts.master')
@section('title', 'Réponse au formulaire')

@section('content')
    <div class="container-fluid py-4">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">Réponse #{{ $response->id }} <small
                        class="text-muted">({{ $response->form->name ?? '' }})</small></h5>
            </div>
            <div class="card-body">
                <p><strong>Soumis par :</strong> {{ optional($response->user)->email ?? 'guest' }}</p>
                <p><strong>Date :</strong> {{ $response->created_at->format('Y-m-d H:i') }}</p>

                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead class="table-light">
                            <tr>
                                <th>Champ</th>
                                <th>Valeur</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($response->answers as $ans)
                                <tr>
                                    <td>{{ $ans->field->label ?? $ans->field->name }}</td>
                                    <td>
                                        @if (isset($ans->field) && $ans->field->type === 'url' && $ans->value)
                                            <a href="{{ $ans->value }}" target="_blank"
                                                rel="noopener noreferrer">{{ $ans->value }}</a>
                                        @else
                                            {{ \Illuminate\Support\Str::isJson($ans->value) ? json_encode(json_decode($ans->value), JSON_PRETTY_PRINT) : $ans->value }}
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <a href="{{ url()->previous() }}" class="btn btn-secondary mt-3">Retour</a>
            </div>
        </div>
    </div>
@endsection