@extends('layouts.app')
@section('title', 'Survey Attempt Details')

@section('content')
    <div class="fixed-action-bar">
        <div class="fw-semibold fixed-nav-title">Survey Attempt Details - #{{ $attempt->id }}</div>
        <div>
            <a href="{{ route('surveymanagement.surveys.show', $attempt->survey->id) }}" data-bs-toggle="tooltip"
                title="Back to Attempts List">
                <i
                    class="fa-solid fa-arrow-left fixed-nav-btn fixed-nav-btn-active p-1 d-inline-flex align-items-center justify-content-center"></i>
            </a>
        </div>
    </div>

    <div class="row mt-3 mb-5">
        <div class="col-md-6">
            <div class="card">
                <h5 class="card-title">Attempt Information</h5>
                <div class="card-body">
                    @php
                        /**
                         * Local helper to normalize answer strings in the view to avoid showing accumulated backslashes
                         */
                        $normalizeViewAnswer = function ($answer) {
                            if (is_null($answer)) return 'No Answer';
                            if (!is_string($answer)) return is_scalar($answer) ? (string)$answer : json_encode($answer, JSON_UNESCAPED_UNICODE);
                            $clean = str_replace('\\/', '/', $answer);
                            $prev = null;
                            while ($clean !== $prev) {
                                $prev = $clean;
                                $clean = stripslashes($clean);
                            }
                            $clean = trim($clean);
                            return $clean === '' ? 'No Answer' : $clean;
                        };
                    @endphp
                    <dl class="row">
                        <dt class="col-sm-4">Attempt ID</dt>
                        <dd class="col-sm-8">{{ $attempt->id }}</dd>

                        <dt class="col-sm-4">Survey Name</dt>
                        <dd class="col-sm-8">{{ $attempt->survey->survey_name ?? '' }}</dd>

                        <dt class="col-sm-4">Survey Type</dt>
                        <dd class="col-sm-8">{{ $attempt->survey->survey_type ?? '' }}</dd>

                        <dt class="col-sm-4">User Name</dt>
                        <dd class="col-sm-8">
                            {{ $attempt->user?->first_name ?? '' }}{{ $attempt->user?->last_name ?? '' }}</dd>

                        <dt class="col-sm-4">User Email</dt>
                        <dd class="col-sm-8">{{ $attempt->user->email ?? '' }}</dd>

                        <dt class="col-sm-4">Attempt Status</dt>
                        <dd class="col-sm-8">{{ ucfirst($attempt->save_type) }}</dd>

                        <dt class="col-sm-4">Started At</dt>
                        <dd class="col-sm-8">
                            {{ $attempt->attempt_started_at ? $attempt->attempt_started_at->format('Y-m-d H:i') : '' }}
                        </dd>

                        <dt class="col-sm-4">Last Saved At</dt>
                        <dd class="col-sm-8">
                            {{ $attempt->last_saved_at ? $attempt->last_saved_at->format('Y-m-d H:i') : '' }}</dd>

                        <dt class="col-sm-4">Channel</dt>
                        <dd class="col-sm-8">{{ $attempt->survey->channel->name ?? '' }}</dd>
                    </dl>
                </div>
            </div>
        </div>

        <div class="col-md-12 mt-4">
            <div class="card">
                <h5 class="card-title">Detailed Answers</h5>
                <div class="card-body">
                    @if ($answers->isEmpty())
                        <p>No answers found for this attempt.</p>
                    @else
                        @php
                            $groupedAnswers = $answers->groupBy(
                                fn($answer) => $answer->questionGroup->question_group_name ?? 'Ungrouped',
                            );
                        @endphp

                        @foreach ($groupedAnswers as $groupName => $groupAnswers)
                            <h6 class="mt-3">{{ $groupName }}</h6>
                            <table class="table table-striped mb-0">
                                <thead>
                                    <tr>
                                        <th>Question</th>
                                        <th>Question Type</th>
                                        <th>Answer</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($groupAnswers as $answer)
                                        <tr>
                                            <td>{{ $answer->question->question ?? '' }}</td>
                                            <td>{{ ucfirst(str_replace('_', ' ', $answer->question->question_type ?? '')) }}
                                            </td>
                                            <td>
                                                @php
                                                    $type = $answer->question->question_type ?? '';
                                                    $rawAns = is_string($answer->answer) && str_starts_with($answer->answer, '"') && str_ends_with($answer->answer, '"') ? substr($answer->answer, 1, -1) : $answer->answer;
                                                    // Normalize for display
                                                    $ans = $normalizeViewAnswer($rawAns);
                                                    $decodedAnswer = json_decode($ans, true);
                                                @endphp

                                                @switch($type)
                                                    @case('single_line_text_box')
                                                    @case('multiple_line_text_box')

                                                    @case('numerical')
                                                        {{ $ans ?? '' }}
                                                    @break

                                                    @case('radio')
                                                    @case('dropdown')
                                                        {{-- Show single selected option --}}
                                                        {{ $ans ?? '' }}
                                                    @break

                                                    @case('checkbox')
                                                    @case('multiple_choice')
                                                        {{-- Show multiple selected options as list --}}
                                                        @if (is_array($decodedAnswer))
                                                            <ul class="mb-0">
                                                                @foreach ($decodedAnswer as $ansItem)
                                                                    <li>{{ $normalizeViewAnswer($ansItem) }}</li>
                                                                @endforeach
                                                            </ul>
                                                        @else
                                                            {{ $ans ?? '' }}
                                                        @endif
                                                    @break

                                                    @case('matrix')
                                                        @php
                                                            $decodedAnswer = json_decode($ans, true);
                                                        @endphp

                                                        @if (is_array($decodedAnswer))
                                                            <table class="table table-bordered table-sm">
                                                                @foreach ($decodedAnswer as $row => $cols)
                                                                    <tr>
                                                                        <th>{{ $row }}</th>
                                                                        @if (is_array($cols))
                                                                            @foreach ($cols as $col)
                                                                                <td>{{ $normalizeViewAnswer($col) }}</td>
                                                                            @endforeach
                                                                        @else
                                                                            <td colspan="100%">{{ $normalizeViewAnswer($cols) }}</td>
                                                                        @endif
                                                                    </tr>
                                                                @endforeach
                                                            </table>
                                                        @else
                                                            {{ $ans ?? '' }}
                                                        @endif
                                                    @break

                                                    @case('datetime')
                                                        @php
                                                            $finalDate = null;
                                                            if (!empty($ans)) {
                                                                // Remove any surrounding quotes
                                                                $cleanedStr = trim($ans, '"');

                                                                // Remove the specific trailing part
                                                                $finalDate = str_replace(':00.000', '', $cleanedStr);
                                                            }
                                                        @endphp
                                                        {{ $finalDate ?? '' }}
                                                    @break

                                                    @case('time')
                                                        @php
                                                            try {
                                                                $formattedTime = !empty($ans)
                                                                    ? \Carbon\Carbon::parse($ans)->format('H:i')
                                                                    : null;
                                                            } catch (\Exception $e) {
                                                                $formattedTime = null;
                                                            }
                                                        @endphp
                                                        {{ $formattedTime ?? '' }}
                                                    @break

                                                    @default
                                                        {{ $ans ?? '' }}
                                                @endswitch
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        @endforeach
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection

@push('js')
    <script>
        document.querySelectorAll('[data-bs-toggle="tooltip"]').forEach(el => new bootstrap.Tooltip(el));
    </script>
@endpush