{{-- resources/views/pta/confirmation.blade.php --}}
@extends('layouts.app')

@section('title', 'Confirmation Import PTA ' . $annee)

@section('content')
<div class="container-fluid py-4">

    {{-- Étapes --}}
    <div class="row justify-content-center mb-4">
        <div class="col-lg-8">
            <div class="d-flex align-items-center gap-2">
                <span class="badge bg-success rounded-pill px-3 py-2">
                    <i class="bi bi-check me-1"></i>1 Fichier
                </span>
                <div class="flex-grow-1 border-top border-2 border-success"></div>
                <span class="badge bg-success rounded-pill px-3 py-2">
                    <i class="bi bi-check me-1"></i>2 Aperçu
                </span>
                <div class="flex-grow-1 border-top border-2 border-success"></div>
                <span class="badge bg-primary rounded-pill px-3 py-2">3 Confirmation</span>
                <div class="flex-grow-1 border-top border-2"></div>
                <span class="badge bg-light text-muted rounded-pill px-3 py-2">4 Résultat</span>
            </div>
        </div>
    </div>

    <form action="{{ route('pta.importer') }}" method="POST" id="formConfirmation">
        @csrf

        {{-- En-tête --}}
        <div class="d-flex align-items-center justify-content-between mb-4 flex-wrap gap-2">
            <div class="d-flex align-items-center">
                <div class="me-3 p-3 rounded-3 bg-warning bg-opacity-10">
                    <i class="bi bi-clipboard-check fs-3 text-warning"></i>
                </div>
                <div>
                    <h4 class="mb-0 fw-bold">Confirmation import PTA {{ $annee }}</h4>
                    <small class="text-muted">Résolvez les conflits puis confirmez</small>
                </div>
            </div>
            <div class="d-flex gap-2">
                <a href="{{ route('pta.import') }}" class="btn btn-outline-danger">
                    <i class="bi bi-x-circle me-1"></i>Annuler tout
                </a>
                <button type="submit" class="btn btn-success btn-lg" id="btnImporter">
                    <i class="bi bi-check2-circle me-2"></i>Confirmer l'import
                </button>
            </div>
        </div>

        {{-- Statistiques --}}
        <div class="row g-3 mb-4">
            @foreach([
                ['nb_programmes', 'Programmes',  'bi-layers',    'primary'],
                ['nb_actions',    'Actions',      'bi-diagram-3', 'info'],
                ['nb_resultats',  'Résultats',    'bi-bullseye',  'success'],
                ['nb_activites',  'Activités',    'bi-activity',  'warning'],
            ] as [$key, $label, $icon, $color])
            <div class="col-6 col-md-3">
                <div class="card border-0 shadow-sm h-100 text-center">
                    <div class="card-body py-3">
                        <i class="bi {{ $icon }} fs-2 text-{{ $color }} mb-1 d-block"></i>
                        <h3 class="fw-bold mb-0">{{ $analyse['stats'][$key] }}</h3>
                        <small class="text-muted">{{ $label }}</small>
                    </div>
                </div>
            </div>
            @endforeach
        </div>

        {{-- ============================================================ --}}
        {{-- STRUCTURES MANQUANTES --}}
        {{-- ============================================================ --}}
        @if(!empty($analyse['structures_manquantes']))
        <div class="card border-danger border-2 shadow-sm mb-4">
            <div class="card-header bg-danger bg-opacity-10 border-0 d-flex align-items-center gap-2">
                <i class="bi bi-exclamation-triangle-fill text-danger"></i>
                <strong class="text-danger">
                    Structures introuvables en base
                    <span class="badge bg-danger ms-1">{{ count($analyse['structures_manquantes']) }}</span>
                </strong>
                <small class="text-muted ms-auto">
                    Responsable = obligatoire · Partenaire = ignoré si annulé
                </small>
            </div>
            <div class="table-responsive">
                <table class="table table-sm align-middle mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>Code structure</th>
                            <th>Rôle</th>
                            <th>Décision</th>
                            <th>Ministère <small class="text-muted">(si création)</small></th>
                        </tr>
                    </thead>
                    <tbody>
                    @foreach($analyse['structures_manquantes'] as $code => $info)
                    <tr>
                        <td>
                            <code class="fw-bold text-danger">{{ $code }}</code>
                        </td>
                        <td>
                            @if($info['type'] === 'responsable')
                                <span class="badge bg-primary">Responsable</span>
                            @else
                                <span class="badge bg-secondary">Partenaire</span>
                            @endif
                        </td>
                        <td>
                            <div class="d-flex gap-3">
                                <div class="form-check">
                                    <input class="form-check-input struct-radio"
                                           type="radio"
                                           name="decisions[structure][{{ $code }}]"
                                           id="sc_{{ $loop->index }}"
                                           value="create"
                                           data-idx="{{ $loop->index }}"
                                           checked>
                                    <label class="form-check-label text-success fw-semibold"
                                           for="sc_{{ $loop->index }}">
                                        <i class="bi bi-plus-circle me-1"></i>Créer
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input struct-radio"
                                           type="radio"
                                           name="decisions[structure][{{ $code }}]"
                                           id="sx_{{ $loop->index }}"
                                           value="cancel"
                                           data-idx="{{ $loop->index }}">
                                    <label class="form-check-label text-danger fw-semibold"
                                           for="sx_{{ $loop->index }}">
                                        <i class="bi bi-x-circle me-1"></i>Annuler
                                    </label>
                                </div>
                            </div>
                        </td>
                        <td>
                            <select class="form-select form-select-sm ministere-sel"
                                    name="decisions[ministere_structure][{{ $code }}]"
                                    id="min_{{ $loop->index }}">
                                <option value="">— Choisir —</option>
                                @foreach($ministeres as $min)
									<option value="{{ $min->id }}" {{ $min->id == $mefId ? 'selected' : '' }}>
										{{ $min->nom }}
									</option>
                                @endforeach
                            </select>
                        </td>
                    </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        @endif

        {{-- ============================================================ --}}
        {{-- FINANCEMENTS MANQUANTS --}}
        {{-- ============================================================ --}}
        @if(!empty($analyse['financements_manquants']))
        <div class="card border-warning border-2 shadow-sm mb-4">
            <div class="card-header bg-warning bg-opacity-10 border-0">
                <i class="bi bi-wallet2 text-warning me-2"></i>
                <strong class="text-warning">
                    Sources de financement introuvables
                    <span class="badge bg-warning text-dark ms-1">{{ count($analyse['financements_manquants']) }}</span>
                </strong>
            </div>
            <div class="table-responsive">
                <table class="table table-sm align-middle mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>Nom dans le fichier</th>
                            <th>Décision</th>
                        </tr>
                    </thead>
                    <tbody>
                    @foreach($analyse['financements_manquants'] as $nom => $info)
                    <tr>
                        <td>
                            <span class="badge bg-warning bg-opacity-10 text-dark border border-warning">
                                {{ $nom }}
                            </span>
                        </td>
                        <td>
                            <div class="d-flex gap-3 flex-wrap">
                                <div class="form-check">
                                    <input class="form-check-input" type="radio"
                                           name="decisions[financement][{{ $nom }}]"
                                           id="fc_{{ $loop->index }}" value="create" checked>
                                    <label class="form-check-label text-success fw-semibold"
                                           for="fc_{{ $loop->index }}">
                                        <i class="bi bi-plus-circle me-1"></i>Créer
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="radio"
                                           name="decisions[financement][{{ $nom }}]"
                                           id="fi_{{ $loop->index }}" value="ignore">
                                    <label class="form-check-label text-secondary fw-semibold"
                                           for="fi_{{ $loop->index }}">
                                        <i class="bi bi-slash-circle me-1"></i>Continuer sans
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="radio"
                                           name="decisions[financement][{{ $nom }}]"
                                           id="fx_{{ $loop->index }}" value="cancel">
                                    <label class="form-check-label text-danger fw-semibold"
                                           for="fx_{{ $loop->index }}">
                                        <i class="bi bi-x-circle me-1"></i>Annuler
                                    </label>
                                </div>
                            </div>
                        </td>
                    </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        @endif

        {{-- ============================================================ --}}
        {{-- CONFLITS ACTIVITÉS --}}
        {{-- ============================================================ --}}
        @if(!empty($analyse['conflits_activites']))
        <div class="card border-info border-2 shadow-sm mb-4">
            <div class="card-header bg-info bg-opacity-10 border-0">
                <i class="bi bi-arrow-left-right text-info me-2"></i>
                <strong class="text-info">
                    Activités déjà existantes en base
                    <span class="badge bg-info text-dark ms-1">{{ count($analyse['conflits_activites']) }}</span>
                </strong>
                <small class="text-muted ms-2">— Par défaut : l'existant est conservé</small>
            </div>
            <div class="table-responsive">
                <table class="table table-sm align-middle mb-0">
                    <thead class="table-light">
                        <tr>
                            <th style="width:110px">Code</th>
                            <th>Différences détectées</th>
                            <th style="width:230px">Décision</th>
                        </tr>
                    </thead>
                    <tbody>
                    @foreach($analyse['conflits_activites'] as $code => $conflit)
                    <tr>
                        <td><code class="fw-bold text-info">{{ $code }}</code></td>
                        <td>
                            @if(empty($conflit['diffs']))
                                <span class="text-muted fst-italic small">Aucune différence</span>
                            @else
                                <div class="d-flex flex-column gap-1">
                                @foreach($conflit['diffs'] as $diff)
                                    <div class="d-flex align-items-center gap-2 small flex-wrap">
                                        <span class="badge bg-secondary">{{ $diff['champ'] }}</span>
                                        <span class="text-danger text-decoration-line-through">
                                            {{ Str::limit($diff['ancien'], 35) }}
                                        </span>
                                        <i class="bi bi-arrow-right text-muted"></i>
                                        <span class="text-success fw-semibold">
                                            {{ Str::limit($diff['nouveau'], 35) }}
                                        </span>
                                    </div>
                                @endforeach
                                </div>
                            @endif
                        </td>
                        <td>
                            <div class="d-flex flex-column gap-1">
                                <div class="form-check">
                                    <input class="form-check-input" type="radio"
                                           name="decisions[activite][{{ $code }}]"
                                           id="ak_{{ $loop->index }}" value="keep" checked>
                                    <label class="form-check-label text-success fw-semibold"
                                           for="ak_{{ $loop->index }}">
                                        <i class="bi bi-shield-check me-1"></i>Conserver l'existant
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="radio"
                                           name="decisions[activite][{{ $code }}]"
                                           id="au_{{ $loop->index }}" value="update">
                                    <label class="form-check-label text-warning fw-semibold"
                                           for="au_{{ $loop->index }}">
                                        <i class="bi bi-pencil-fill me-1"></i>Remplacer par le nouveau
                                    </label>
                                </div>
                            </div>
                        </td>
                    </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        @endif

        {{-- ============================================================ --}}
        {{-- APERÇU HIÉRARCHIQUE --}}
        {{-- ============================================================ --}}
        <div class="card shadow-sm border-0 mb-4">
            <div class="card-header bg-light border-0 d-flex justify-content-between align-items-center">
                <strong><i class="bi bi-list-nested me-2"></i>Aperçu complet de la structure</strong>
                <button type="button" class="btn btn-sm btn-outline-secondary" id="btnToggle">
                    <i class="bi bi-chevron-down me-1"></i>Afficher / Masquer
                </button>
            </div>
            <div id="apercuContent" style="display:none;">
                <div class="table-responsive">
                    <table class="table table-sm table-hover mb-0">
                        <thead class="table-dark">
                            <tr>
                                <th>Code</th>
                                <th>Type</th>
                                <th>Libellé</th>
                                <th>Structure / Partenaires</th>
                                <th class="text-end">Montant</th>
                                <th>Statut</th>
                            </tr>
                        </thead>
                        <tbody>
                        @foreach($analyse['lignes'] as $ligne)
                            @php
                                $badges = [
                                    'programme' => ['bg-primary',   'Programme', 'table-primary'],
                                    'action'    => ['bg-info',      'Action',    'table-info'],
                                    'resultat'  => ['bg-success',   'Résultat',  'table-success'],
                                    'activite'  => ['bg-secondary', 'Activité',  ''],
                                ];
                                [$badge, $typeLabel, $rowClass] = $badges[$ligne['type']] ?? ['bg-dark','?',''];

                                $statut = ''; $sClass = '';
                                if ($ligne['type'] === 'activite') {
                                    $conflit = isset($analyse['conflits_activites'][$ligne['code']]);
                                    $statut  = $conflit ? 'Conflit' : 'Nouveau';
                                    $sClass  = $conflit ? 'text-danger fw-bold' : 'text-success';
                                }
                            @endphp
                            <tr class="{{ $rowClass }}">
                                <td><code>{{ $ligne['code'] ?? '—' }}</code></td>
                                <td><span class="badge {{ $badge }}">{{ $typeLabel }}</span></td>
                                <td class="text-truncate" style="max-width:350px"
                                    title="{{ $ligne['nom'] ?? '' }}">
                                    {{ Str::limit($ligne['nom'] ?? '', 70) }}
                                </td>
                                <td class="small">
                                    @if($ligne['type'] === 'activite')
                                        <span class="fw-semibold">{{ $ligne['structure_code'] }}</span>
                                        @if(!empty($ligne['partenaire_codes']))
                                            <span class="text-muted ms-1">
                                                / {{ implode(' ; ', $ligne['partenaire_codes']) }}
                                            </span>
                                        @endif
                                    @endif
                                </td>
                                <td class="text-end text-nowrap small">
                                    @if(isset($ligne['montant']) && $ligne['montant'] > 0)
                                        {{ number_format($ligne['montant'], 0, ',', ' ') }} F
                                    @endif
                                </td>
                                <td>
                                    @if($statut)
                                        <small class="fw-semibold {{ $sClass }}">
                                            {{ $statut }}
                                        </small>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        {{-- Boutons bas --}}
        <div class="d-flex justify-content-between align-items-center">
            <a href="{{ route('pta.import') }}" class="btn btn-outline-danger">
                <i class="bi bi-x-circle me-1"></i>Annuler tout
            </a>
            <button type="submit" class="btn btn-success btn-lg px-5" id="btnImporterBas">
                <i class="bi bi-check2-circle me-2"></i>Confirmer l'import
            </button>
        </div>

    </form>
</div>
@endsection

@push('scripts')
<script>
// ---- Activer/désactiver select ministère selon la décision ----
document.querySelectorAll('.struct-radio').forEach(radio => {
    radio.addEventListener('change', function () {
        const tr  = this.closest('tr');
        const sel = tr.querySelector('.ministere-sel');
        if (!sel) return;
        sel.disabled = (this.value !== 'create');
        if (sel.disabled) sel.value = '';
    });
});

// Initialiser l'état au chargement (create est coché par défaut → select actif)
document.querySelectorAll('.ministere-sel').forEach(sel => {
    const tr      = sel.closest('tr');
    const checked = tr.querySelector('.struct-radio:checked');
    sel.disabled  = !checked || checked.value !== 'create';
});

// ---- Afficher / masquer l'aperçu ----
document.getElementById('btnToggle').addEventListener('click', function () {
    const c    = document.getElementById('apercuContent');
    const show = c.style.display === 'none';
    c.style.display = show ? 'block' : 'none';
    this.querySelector('i').className = show
        ? 'bi bi-chevron-up me-1'
        : 'bi bi-chevron-down me-1';
});

// ---- Loader submit ----
document.getElementById('formConfirmation').addEventListener('submit', function () {
    ['btnImporter','btnImporterBas'].forEach(id => {
        const b = document.getElementById(id);
        if (b) {
            b.disabled  = true;
            b.innerHTML = '<span class="spinner-border spinner-border-sm me-2"></span>Import en cours…';
        }
    });
});
</script>
@endpush