@extends('dashboard.layouts.app')

@section('title', 'Détails du Sondage - ' . $sondage->titre . ' - UAC eservices')

@section('page-title', 'Détails du Sondage')

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('surveys.index') }}">Sondages</a></li>
    <li class="breadcrumb-item active" aria-current="page">{{ $sondage->titre }}</li>
@endsection

{{-- @section('page-actions')

@endsection --}}

@section('content')
<!-- -------------------------------------------------------------- -->
<!-- Start Page Content -->
<!-- -------------------------------------------------------------- -->
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <div class="card-body">
                    @can('update', $sondage)
                        <a href="{{ route('surveys.edit', $sondage) }}" class="btn btn-warning me-2">
                            <i class="mdi mdi-pencil"></i> Modifier
                        </a>
                    @endcan
                    @can('analyze', $sondage)
                        <a href="{{ route('surveys.analyze', $sondage) }}" class="btn btn-info me-2">
                            <i class="mdi mdi-chart-bar"></i> Analyser
                        </a>
                    @endcan
                    @can('delete', $sondage)
                        <form action="{{ route('surveys.destroy', $sondage) }}" method="POST" class="d-inline"
                            onsubmit="return confirm('Êtes-vous sûr de vouloir supprimer ce sondage ? Cette action est irréversible.')">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-danger">
                                <i class="mdi mdi-delete"></i> Supprimer
                            </button>
                        </form>
                    @endcan
                </div>
                <div class="row">
                    <div class="col-md-8">
                        <h4 class="card-title">{{ $sondage->titre }}</h4>
                        <p class="text-muted">{{ $sondage->description }}</p>

                        <div class="row mt-4">
                            <div class="col-md-6">
                                <h6>Informations générales</h6>
                                <table class="table table-sm">
                                    <tr>
                                        <td><strong>Statut :</strong></td>
                                        <td>
                                            <span class="badge bg-{{ $sondage->statut === 'actif' ? 'success' : 'secondary' }}">
                                                {{ ucfirst($sondage->statut) }}
                                            </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><strong>Date de début :</strong></td>
                                        <td>{{ $sondage->date_debut->format('d/m/Y') }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Date de fin :</strong></td>
                                        <td>{{ $sondage->date_fin->format('d/m/Y') }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Créateur :</strong></td>
                                        <td>{{ $sondage->createur->name }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Créé le :</strong></td>
                                        <td>{{ $sondage->created_at->format('d/m/Y H:i') }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Dernière modification :</strong></td>
                                        <td>{{ $sondage->updated_at->format('d/m/Y H:i') }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Rôles cibles :</strong></td>
                                        <td>
                                            @if(empty($sondage->target_roles))
                                                <span class="badge bg-success">Tous les utilisateurs</span>
                                            @else
                                                @foreach($sondage->getTargetRoles() as $roleId)
                                                    @php $role = \App\Models\Role::find($roleId) @endphp
                                                    @if($role)
                                                        <span class="badge bg-primary me-1">{{ $role->nom }}</span>
                                                    @endif
                                                @endforeach
                                            @endif
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <div class="col-md-6">
                                <h6>Statistiques</h6>
                                <table class="table table-sm">
                                    <tr>
                                        <td><strong>Nombre de questions :</strong></td>
                                        <td>{{ $sondage->questions->count() }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Réponses totales :</strong></td>
                                        <td>{{ $sondage->questions->sum(fn($q) => $q->reponses->count()) }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>État :</strong></td>
                                        <td>
                                            @php
                                                $now = now();
                                                $isActive = $sondage->statut === 'actif';
                                                $isInPeriod = $now->between($sondage->date_debut, $sondage->date_fin);
                                            @endphp
                                            @if($isActive && $isInPeriod)
                                                <span class="badge bg-success">Actif</span>
                                            @elseif(!$isActive)
                                                <span class="badge bg-secondary">Inactif</span>
                                            @elseif($now->lt($sondage->date_debut))
                                                <span class="badge bg-warning">À venir</span>
                                            @else
                                                <span class="badge bg-danger">Terminé</span>
                                            @endif
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="text-center">
                            @if($sondage->statut === 'actif' && now()->between($sondage->date_debut, $sondage->date_fin))
                                <div class="alert alert-info">
                                    <i class="mdi mdi-information"></i>
                                    Ce sondage est actuellement ouvert aux réponses.
                                </div>
                            @elseif($sondage->statut === 'inactif')
                                <div class="alert alert-warning">
                                    <i class="mdi mdi-alert-circle"></i>
                                    Ce sondage est inactif.
                                </div>
                            @elseif(now()->lt($sondage->date_debut))
                                <div class="alert alert-secondary">
                                    <i class="mdi mdi-calendar-clock"></i>
                                    Ce sondage n'est pas encore ouvert.<br>
                                    <small>Début le {{ $sondage->date_debut->format('d/m/Y') }}</small>
                                </div>
                            @else
                                <div class="alert alert-danger">
                                    <i class="mdi mdi-calendar-remove"></i>
                                    Ce sondage est terminé.<br>
                                    <small>Terminé le {{ $sondage->date_fin->format('d/m/Y') }}</small>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Questions du sondage -->
        <div class="card mt-4">
            <div class="card-header">
                <h5 class="mb-0">Questions du sondage</h5>
            </div>
            <div class="card-body">
                @forelse($sondage->questions as $index => $question)
                    <div class="question-item border rounded p-3 mb-3">
                        <div class="d-flex justify-content-between align-items-start mb-3">
                            <h6>Question {{ $index + 1 }}</h6>
                            <span class="badge bg-info">{{ ucfirst(str_replace('_', ' ', $question->type)) }}</span>
                        </div>

                        <p class="mb-3"><strong>{{ $question->texte }}</strong></p>

                        @if($question->type !== 'TEXTE_LIBRE')
                            <div class="mb-3">
                                <label class="form-label">Options de réponse :</label>
                                <ul class="list-group">
                                    @foreach($question->options as $option)
                                        <li class="list-group-item">
                                            {{ $option->texte }}
                                            @if($question->type === 'CHOIX_UNIQUE')
                                                <small class="text-muted">(Réponses : {{ $question->reponses->where('option_id', $option->id)->count() }})</small>
                                            @endif
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif

                        <div class="row">
                            <div class="col-md-6">
                                <small class="text-muted">
                                    <strong>Réponses totales :</strong> {{ $question->reponses->count() }}
                                </small>
                            </div>
                            <div class="col-md-6 text-end">
                                <small class="text-muted">
                                    Créée le {{ $question->created_at->format('d/m/Y') }}
                                </small>
                            </div>
                        </div>
                    </div>
                @empty
                    <div class="text-center py-4">
                        <i class="mdi mdi-file-question-outline fs-1 text-muted"></i>
                        <p class="mt-2 text-muted">Aucune question n'a été définie pour ce sondage.</p>
                    </div>
                @endforelse
            </div>
        </div>
    </div>
</div>
<!-- -------------------------------------------------------------- -->
<!-- End PAge Content -->
<!-- -------------------------------------------------------------- -->
@endsection