@php
    $configData = Helper::appClasses();
@endphp

@extends('layouts/layoutMaster')

@section('title', 'Dimension : ' . $dimension->label)

@section('content')
    <div class="d-flex justify-content-between align-items-center py-3 mb-4">
        <h4 class="mb-0">
            <span class="text-muted fw-light">
                <a href="{{ route('questionnaires') }}" class="text-muted text-decoration-none">Questionnaires</a> /
            </span>
            {{ $dimension->label }}
        </h4>
        <a href="{{ route('questionnaires.edit', $dimension) }}" class="btn btn-primary">
            <i class="icon-base ti tabler-edit me-1"></i>Éditer
        </a>
    </div>

    <div class="row mb-4">
        <div class="col-md-8">
            <div class="card">
                <div class="card-body">
                    <div class="d-flex align-items-center mb-3">
                        <div class="avatar avatar-md me-3">
                            <div class="avatar-initial bg-label-primary rounded-3">
                                <i class="icon-base ti tabler-hierarchy-2 icon-26px"></i>
                            </div>
                        </div>
                        <div>
                            <h5 class="mb-0">{{ $dimension->label }}</h5>
                            <small class="text-muted">
                                @if ($dimension->programme)
                                    Programme <strong>{{ $dimension->programme->name }}</strong>
                                @endif
                                @if ($dimension->tool)
                                    · Outil : <strong>{{ $dimension->tool }}</strong>
                                @endif
                                · Code : <code>{{ $dimension->code }}</code>
                            </small>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-4">
                            <div class="text-muted small">Sous-critères</div>
                            <div class="h4 mb-0">{{ $dimension->subCriteria->count() }}</div>
                        </div>
                        <div class="col-4">
                            <div class="text-muted small">Questions</div>
                            <div class="h4 mb-0">{{ $questionsCount }}</div>
                        </div>
                        <div class="col-4">
                            <div class="text-muted small">Enquêtes ayant scoré</div>
                            <div class="h4 mb-0">{{ $dimensionScoreCount }}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card card-border-shadow-primary">
                <div class="card-body">
                    <div class="text-muted small">Score moyen ({{ $dimensionScoreCount }} enquêtes)</div>
                    @if ($averageScorePct !== null)
                        <div class="h2 mb-0 text-primary">{{ $averageScorePct }}%</div>
                        <small class="text-muted">sur les données legacy importées</small>
                    @else
                        <div class="h2 mb-0 text-muted">-</div>
                        <small class="text-muted">Aucune donnée disponible</small>
                    @endif
                </div>
            </div>
        </div>
    </div>

    @livewire('questionnaires.question-analytics', ['dimension' => $dimension])

    @forelse ($dimension->subCriteria as $sc)
        <div class="card mb-3">
            <h6 class="card-header">
                <i class="icon-base ti tabler-list-details me-2 text-info"></i>
                Sous-critère : {{ $sc->label }}
                <span class="badge bg-label-success ms-2">{{ $sc->questions->count() }}
                    question{{ $sc->questions->count() > 1 ? 's' : '' }}</span>
            </h6>
            <div class="card-body p-0">
                <table class="table table-hover mb-0">
                    <thead>
                        <tr>
                            <th style="width:60%">Question</th>
                            <th>Type</th>
                            <th>Méthodes</th>
                        </tr>
                    </thead>
                    <tbody class="table-border-bottom-0">
                        @foreach ($sc->questions as $q)
                            <tr>
                                <td>
                                    <span class="text-muted small">#{{ $q->id }}</span>
                                    {{ $q->wording }}
                                </td>
                                <td>
                                    @if ($q->answer_type?->value === 'precision')
                                        <span class="badge bg-label-warning">Précision</span>
                                    @else
                                        <span class="badge bg-label-primary">Choix</span>
                                    @endif
                                </td>
                                <td>
                                    @forelse ($q->methods as $m)
                                        <span class="badge bg-label-secondary me-1"
                                            title="{{ $m->description }}">{{ $m->code }}</span>
                                    @empty
                                        <span class="text-muted">-</span>
                                    @endforelse
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        @empty
            <div class="alert alert-warning">Aucun sous-critère pour cette dimension.</div>
        @endforelse
    @endsection