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

    $statusColors = [
        'draft' => 'secondary',
        'submitted' => 'primary',
        'validated' => 'success',
    ];
    $statusLabels = [
        'draft' => 'Brouillon',
        'submitted' => 'Soumise',
        'validated' => 'Validée',
    ];

    // Chaîne d'ancêtres de la structure (FS → Commune → District → …)
    $ancestors = $survey->structure ? $survey->structure->ancestors() : [];
@endphp

@extends('layouts/layoutMaster')

@section('title', 'Collecte #' . $survey->id)

@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('campaigns.show', $survey->campaign_id) }}"
                    class="text-muted text-decoration-none">{{ $survey->campaign?->name }}</a> /
            </span>
            Collecte #{{ $survey->id }}
        </h4>
        <div class="d-flex gap-2">
            @can('validate', $survey)
                @if ($survey->status?->value === 'submitted')
                    <form action="{{ route('surveys.validate', $survey) }}" method="POST" class="d-inline"
                        data-confirm="Valider cette collecte ?">
                        @csrf
                        <button type="submit" class="btn btn-success">
                            <i class="icon-base ti tabler-check me-1"></i>Valider
                        </button>
                    </form>
                    <form action="{{ route('surveys.reject', $survey) }}" method="POST" class="d-inline"
                        data-confirm="Renvoyer en brouillon ?">
                        @csrf
                        <button type="submit" class="btn btn-outline-warning">
                            <i class="icon-base ti tabler-arrow-back-up me-1"></i>Renvoyer en brouillon
                        </button>
                    </form>
                @elseif ($survey->status?->value === 'validated')
                    <form action="{{ route('surveys.reject', $survey) }}" method="POST" class="d-inline"
                        data-confirm="Annuler la validation ?">
                        @csrf
                        <button type="submit" class="btn btn-outline-warning">
                            <i class="icon-base ti tabler-arrow-back-up me-1"></i>Annuler la validation
                        </button>
                    </form>
                @endif
            @endcan
            <a href="{{ route('surveys.print', $survey) }}" class="btn btn-outline-secondary" target="_blank"
                rel="noopener">
                <i class="icon-base ti tabler-printer me-1"></i>Imprimer (HTML)
            </a>
            <a href="{{ route('exports.survey.pdf', $survey) }}" class="btn btn-outline-danger">
                <i class="icon-base ti tabler-file-type-pdf me-1"></i>Exporter le rapport (PDF)
            </a>
        </div>
    </div>

    @if (session('success'))
        <div class="alert alert-success alert-dismissible" role="alert">
            {{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    <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-info rounded-3">
                                <i class="icon-base ti tabler-building-hospital icon-26px"></i>
                            </div>
                        </div>
                        <div>
                            <h5 class="mb-0">
                                {{ $survey->structure?->name ?? '-' }}
                                @if ($survey->structure?->type)
                                    <span class="badge bg-label-secondary ms-1">{{ $survey->structure->type }}</span>
                                @endif
                                @php
                                    $auditLevel = $survey->audit_level?->value ?? 'Formation Sanitaire';
                                    $auditColor = match ($auditLevel) {
                                        'Region' => 'info',
                                        'District' => 'warning',
                                        default => 'primary',
                                    };
                                @endphp
                                <span class="badge bg-label-{{ $auditColor }} ms-1" title="Niveau d'audit">
                                    Audit : {{ $auditLevel }}
                                </span>
                            </h5>
                            @if (!empty($ancestors))
                                <small class="text-muted">
                                    @foreach (array_reverse($ancestors) as $i => $a)
                                        @if ($i > 0)
                                            <i class="icon-base ti tabler-chevron-right icon-14px mx-1"></i>
                                        @endif
                                        {{ $a->name }}
                                    @endforeach
                                </small>
                            @endif
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-3">
                            <div class="text-muted small">Date collecte</div>
                            <div>{{ $survey->collected_on?->format('d/m/Y') }}</div>
                        </div>
                        <div class="col-md-3">
                            <div class="text-muted small">Statut</div>
                            @php $s = $survey->status?->value ?? 'draft'; @endphp
                            <div><span
                                    class="badge bg-label-{{ $statusColors[$s] ?? 'secondary' }}">{{ $statusLabels[$s] ?? $s }}</span>
                            </div>
                            @if ($survey->validated_at)
                                <small class="text-muted d-block mt-1">
                                    <i class="icon-base ti tabler-check icon-14px text-success"></i>
                                    {{ $survey->validator?->name ?? 'Système' }} ·
                                    {{ $survey->validated_at->format('d/m/Y H:i') }}
                                </small>
                            @endif
                        </div>
                        <div class="col-md-3">
                            <div class="text-muted small">Resp. données</div>
                            <div><small>{{ $survey->data_manager }}</small></div>
                        </div>
                        <div class="col-md-3">
                            <div class="text-muted small">Resp. régional</div>
                            <div><small>{{ $survey->regional_manager ?? '-' }}</small></div>
                        </div>
                    </div>
                    @if ($survey->investigators->isNotEmpty())
                        <div class="mt-3">
                            <div class="text-muted small">Équipe d'évaluation</div>
                            <div class="mt-1">
                                @foreach ($survey->investigators as $inv)
                                    <span class="badge bg-label-info me-1" title="{{ $inv->email }}">
                                        <i class="icon-base ti tabler-user icon-14px me-1"></i>{{ $inv->name }}
                                    </span>
                                @endforeach
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card card-border-shadow-primary h-100">
                <div class="card-body">
                    <div class="text-muted small mb-1">Score global</div>
                    @if ($globalScorePct !== null)
                        <div class="h1 mb-0 text-primary">{{ $globalScorePct }}%</div>
                        <small class="text-muted">{{ $survey->dimensionScores->count() }} dimensions scorées</small>
                    @else
                        <div class="h1 mb-0 text-muted">-</div>
                        <small class="text-muted">Aucun score calculé</small>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <div class="card mb-4">
        <h5 class="card-header">
            Participants
            <span class="badge bg-label-primary ms-2">{{ $survey->participants->count() }}</span>
        </h5>
        @if (session('participants.success'))
            <div class="alert alert-success alert-dismissible mx-3 mb-0" role="alert">
                {{ session('participants.success') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif
        <div class="table-responsive text-nowrap">
            <table class="table table-hover mb-0">
                <thead>
                    <tr>
                        <th>Nom</th>
                        <th>Fonction</th>
                        <th>Contact</th>
                        <th class="text-center">Réponses choix</th>
                        <th class="text-center">Réponses précision</th>
                        @can('update', $survey)
                            <th class="text-end">Actions</th>
                        @endcan
                    </tr>
                </thead>
                <tbody class="table-border-bottom-0">
                    @foreach ($survey->participants as $p)
                        <tr>
                            <td>
                                <strong>{{ $p->last_name }} {{ $p->first_name }}</strong>
                            </td>
                            <td>{{ $p->role ?? '-' }}</td>
                            <td><small>{{ $p->contact ?? '-' }}</small></td>
                            <td class="text-center">
                                <span class="badge bg-label-primary">{{ $p->choice_answers_count }}</span>
                            </td>
                            <td class="text-center">
                                <span class="badge bg-label-warning">{{ $p->precision_answers_count }}</span>
                            </td>
                            @can('update', $survey)
                                <td class="text-end">
                                    <button type="button" class="btn btn-sm btn-icon btn-outline-danger"
                                        @disabled($survey->participants->count() <= 1)
                                        title="{{ $survey->participants->count() <= 1 ? 'Impossible : dernier participant' : 'Supprimer ce participant' }}"
                                        @if ($survey->participants->count() > 1)
                                            data-bs-toggle="modal"
                                            data-bs-target="#delete-participant-{{ $p->id }}"
                                        @endif>
                                        <i class="icon-base ti tabler-trash"></i>
                                    </button>
                                </td>
                            @endcan
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

    @can('update', $survey)
        @foreach ($survey->participants as $p)
            @if ($survey->participants->count() > 1)
                <div class="modal fade" id="delete-participant-{{ $p->id }}" tabindex="-1" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-centered">
                        <div class="modal-content">
                            <form method="POST" action="{{ route('participants.destroy', [$survey, $p]) }}">
                                @csrf @method('DELETE')
                                <div class="modal-header">
                                    <h5 class="modal-title">
                                        <i class="icon-base ti tabler-alert-triangle text-danger me-2"></i>
                                        Supprimer un participant
                                    </h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal"
                                        aria-label="Fermer"></button>
                                </div>
                                <div class="modal-body">
                                    <p class="mb-2">
                                        Vous vous apprêtez à supprimer
                                        <strong>{{ $p->last_name }}
                                            {{ $p->first_name }}</strong>{{ $p->role ? ' (' . $p->role . ')' : '' }}.
                                    </p>
                                    <ul class="mb-3">
                                        <li>
                                            <strong>{{ $p->choice_answers_count }}</strong> réponses choix
                                            et
                                            <strong>{{ $p->precision_answers_count }}</strong> réponses précision
                                            seront supprimées.
                                        </li>
                                        <li>Les scores de la collecte seront recalculés.</li>
                                    </ul>
                                    <div class="alert alert-success py-2 mb-2">
                                        <i class="icon-base ti tabler-info-circle me-1"></i>
                                        Les recommandations saisies par les autres participants sont conservées.
                                    </div>
                                    <div class="alert alert-danger py-2 mb-0">
                                        <i class="icon-base ti tabler-alert-octagon me-1"></i>
                                        Cette action est <strong>irréversible</strong>.
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-outline-secondary"
                                        data-bs-dismiss="modal">Annuler</button>
                                    <button type="submit" class="btn btn-danger">
                                        <i class="icon-base ti tabler-trash me-1"></i>
                                        Supprimer définitivement
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            @endif
        @endforeach
    @endcan

    @if ($survey->dimensionScores->isNotEmpty())
        <div class="card mb-4">
            <h5 class="card-header">Scores par dimension</h5>
            <div class="table-responsive text-nowrap">
                <table class="table table-hover mb-0">
                    <thead>
                        <tr>
                            <th>Dimension</th>
                            <th class="text-center">Score</th>
                            <th style="width:40%">Barre</th>
                            <th class="text-center">Recommandations</th>
                        </tr>
                    </thead>
                    <tbody class="table-border-bottom-0">
                        @foreach ($survey->dimensionScores as $ds)
                            @php
                                $pct = $ds->max_value > 0 ? round(($ds->value / $ds->max_value) * 100) : 0;
                                $barColor = $pct >= 80 ? 'success' : ($pct >= 50 ? 'warning' : 'danger');
                            @endphp
                            <tr>
                                <td><strong>{{ $ds->dimension?->label }}</strong></td>
                                <td class="text-center"><span
                                        class="badge bg-label-{{ $barColor }}">{{ $ds->value }} /
                                        {{ $ds->max_value }}</span></td>
                                <td>
                                    <div class="progress" style="height:.7rem">
                                        <div class="progress-bar bg-{{ $barColor }}"
                                            style="width: {{ $pct }}%"></div>
                                    </div>
                                </td>
                                <td class="text-center">
                                    <span class="badge bg-label-primary">{{ $ds->recommendations->count() }}</span>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endif

    @if ($survey->subCriterionScores->isNotEmpty())
        @php
            $mdaByScId = $survey->absoluteDifferenceMeans->keyBy('sub_criterion_id');
            $subsByDim = $survey->subCriterionScores->groupBy(fn($sc) => $sc->subCriterion?->dimension_id);
        @endphp
        <div class="card mb-4">
            <h5 class="card-header">
                <i class="icon-base ti tabler-list-numbers text-info me-2"></i>
                Notations détaillées (par sous-critère)
            </h5>
            <div class="card-body p-0">
                @foreach ($survey->dimensionScores as $ds)
                    @php
                        $subScores = $subsByDim->get($ds->dimension_id, collect());
                        $dsPct = $ds->max_value > 0 ? round(($ds->value / $ds->max_value) * 100) : 0;
                    @endphp
                    <div class="border-bottom p-3">
                        <div class="d-flex align-items-center justify-content-between mb-2">
                            <div>
                                <strong class="text-primary">{{ $ds->dimension?->label }}</strong>
                                <span
                                    class="badge bg-label-{{ $dsPct >= 80 ? 'success' : ($dsPct >= 50 ? 'warning' : 'danger') }} ms-2">
                                    {{ $ds->value }} / {{ $ds->max_value }} ({{ $dsPct }}%)
                                </span>
                            </div>
                        </div>
                        @if ($subScores->isEmpty())
                            <p class="text-muted small mb-0">Aucun sous-critère scoré pour cette dimension.</p>
                        @else
                            <table class="table table-sm table-borderless mb-0">
                                <thead>
                                    <tr class="small text-muted">
                                        <th style="width:55%" class="ps-3">Sous-critère</th>
                                        <th class="text-center">Score</th>
                                        <th class="text-center">%</th>
                                        <th class="text-center pe-3">MDA (précision)</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($subScores as $sub)
                                        @php
                                            $subPct =
                                                $sub->max_value > 0 ? round(($sub->value / $sub->max_value) * 100) : 0;
                                            $mda = $mdaByScId->get($sub->sub_criterion_id);
                                        @endphp
                                        <tr>
                                            <td class="ps-3">{{ $sub->subCriterion?->label ?? '-' }}</td>
                                            <td class="text-center">{{ $sub->value }} / {{ $sub->max_value }}</td>
                                            <td class="text-center">
                                                <span
                                                    class="badge bg-label-{{ $subPct >= 80 ? 'success' : ($subPct >= 50 ? 'warning' : 'danger') }}">
                                                    {{ $subPct }}%
                                                </span>
                                            </td>
                                            <td class="text-center pe-3">
                                                @if ($mda)
                                                    <span
                                                        class="badge bg-label-{{ $mda->score >= 8 ? 'success' : ($mda->score >= 4 ? 'warning' : 'danger') }}">
                                                        {{ number_format((float) $mda->mda, 2) }}% · score
                                                        {{ $mda->score }}
                                                    </span>
                                                @else
                                                    <span class="text-muted small">-</span>
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        @endif
                    </div>
                @endforeach
            </div>
        </div>
    @endif

    <h5 class="mb-3">
        <i class="icon-base ti tabler-target text-warning me-2"></i>Recommandations
    </h5>
    @livewire('recommendations.editor', ['survey' => $survey])
@endsection