@extends('layouts.app')

@section('title', 'Cockpit ' . ucfirst($role) . ' · ' . $organization->name)
@section('eyebrow', 'Pilotage')
@section('heading', 'Tableau de bord')

@section('content')
@php
    $roleNames = [
        'administration' => 'Administration',
        'presidence' => 'Présidence',
        'tresorerie' => 'Trésorerie',
        'direction' => 'Direction',
        'secretariat' => 'Secrétariat',
        'bureau' => 'Membre du bureau',
        'educative' => 'Équipe éducative',
        'parent' => 'Parent',
    ];

    $content = [
        'administration' => [
            'title' => 'Bonjour Administration',
            'subtitle' => 'Structures, utilisateurs, droits et supervision de la plateforme.',
            'cards' => [
                ['Structures actives', '1', 'Superviser la crèche démo'],
                ['Utilisateurs', '8', 'Profils métiers disponibles'],
                ['Alertes techniques', '0', 'Aucune anomalie critique'],
            ],
            'actions' => ['Gérer les utilisateurs', 'Vérifier les droits', 'Réinitialiser la démo'],
        ],
        'presidence' => [
            'title' => 'Bonjour Présidence',
            'subtitle' => 'Décisions, gouvernance et état général de l’association.',
            'cards' => [
                ['Décisions à suivre', '3', 'Bureau et assemblées'],
                ['Échéances', '5', 'Dans les 30 prochains jours'],
                ['Documents récents', '8', 'Réunions et conventions'],
            ],
            'actions' => ['Préparer le prochain bureau', 'Consulter les décisions', 'Voir les documents'],
        ],
        'tresorerie' => [
            'title' => 'Bonjour Trésorerie',
            'subtitle' => 'Trésorerie, échéances financières, CAF et indicateurs PSU.',
            'cards' => [
                ['Échéances', '6', 'À surveiller ce mois'],
                ['Contrats actifs', $metrics['contracts'], 'Base du prévisionnel PSU'],
                ['Alertes financières', '2', 'Éléments à contrôler'],
            ],
            'actions' => ['Consulter les heures PSU', 'Voir les échéances', 'Ouvrir le prévisionnel'],
        ],
        'direction' => [
            'title' => 'Bonjour Direction',
            'subtitle' => 'Les priorités opérationnelles, les dossiers enfants et les alertes de la structure sont réunis ici.',
            'cards' => [
                ['Enfants actifs', $metrics['children'], 'Familles et dossiers'],
                ['Demandes à traiter', $metrics['pending_requests'], 'Validation mensuelle'],
                ['Alertes actives', $metrics['alerts'], 'Priorités du jour'],
            ],
            'actions' => ['Traiter les demandes', 'Vérifier le planning équipe', 'Consulter les familles'],
        ],
        'secretariat' => [
            'title' => 'Bonjour Secrétariat',
            'subtitle' => 'Familles, contrats, dossiers et documents à récupérer.',
            'cards' => [
                ['Familles', $metrics['families'], 'Dossiers enregistrés'],
                ['Contrats', $metrics['contracts'], 'Actifs, à venir et terminés'],
                ['Pièces manquantes', '7', 'Relances à préparer'],
            ],
            'actions' => ['Ouvrir les familles', 'Préparer un contrat', 'Relancer les dossiers'],
        ],
        'bureau' => [
            'title' => 'Bonjour Membre du bureau',
            'subtitle' => 'Réunions, décisions et tâches associatives utiles à ton mandat.',
            'cards' => [
                ['Réunions à venir', '2', 'Bureau et conseil'],
                ['Tâches ouvertes', $metrics['open_tasks'], 'Échéancier associatif'],
                ['Décisions récentes', '4', 'À consulter'],
            ],
            'actions' => ['Voir les réunions', 'Consulter l’échéancier', 'Ouvrir les documents'],
        ],
        'educative' => [
            'title' => 'Bonjour Équipe éducative',
            'subtitle' => 'Planning, enfants attendus, transmissions et informations de la journée.',
            'cards' => [
                ['Professionnelles', $metrics['employees'], 'Équipe active'],
                ['Enfants attendus', $metrics['children'], 'Données de démonstration'],
                ['Transmissions', '5', 'À lire aujourd’hui'],
            ],
            'actions' => ['Voir mon planning', 'Ouvrir la main courante', 'Consulter les présences'],
        ],
        'parent' => [
            'title' => 'Bonjour Parent',
            'subtitle' => 'Planning de vos enfants, demandes, documents et informations de la crèche.',
            'cards' => [
                ['Enfants', '1', 'Profil famille de démonstration'],
                ['Planning à valider', '1', 'Septembre 2026'],
                ['Demandes en cours', '1', 'En attente de la direction'],
            ],
            'actions' => ['Valider le planning mensuel', 'Voir mes documents', 'Contacter la crèche'],
        ],
    ][$role];
@endphp

<div class="demo-cockpit">
    <section class="demo-hero">
        <div>
            <span>GESTION · {{ mb_strtoupper($roleNames[$role]) }}</span>
            <h2>{{ $content['title'] }}</h2>
            <p>{{ $content['subtitle'] }}</p>
            <i>Vue {{ mb_strtolower($roleNames[$role]) }}</i>
        </div>
        <div class="demo-progress">
            <b>80%</b>
            <span>Niveau à jour</span>
        </div>
    </section>

    <div class="demo-section-title">
        <h3>En un coup d’œil</h3>
        <p>Les indicateurs les plus utiles pour ce rôle.</p>
    </div>

    <div class="demo-metrics">
        @foreach($content['cards'] as [$label, $value, $hint])
            <article>
                <b>{{ $value }}</b>
                <span>{{ $label }}</span>
                <small>{{ $hint }}</small>
            </article>
        @endforeach
    </div>

    
    @if(in_array($role, ['administration', 'direction', 'secretariat'], true))
        <section class="demo-email-widget">
            <header>
                <div>
                    <span>COMMUNICATION</span>
                    <h3>Derniers envois et erreurs</h3>
                    <p>
                        Widget ajouté au catalogue de personnalisation du
                        dashboard.
                    </p>
                </div>
                <a href="{{ route('tenant.emails.index') }}">
                    Ouvrir
                </a>
            </header>

            <div>
                <article>
                    <b>{{ $metrics['email_sent'] }}</b>
                    <span>Envoyés</span>
                </article>
                <article class="{{ $metrics['email_failed'] ? 'negative' : '' }}">
                    <b>{{ $metrics['email_failed'] }}</b>
                    <span>Échecs</span>
                </article>
                <article>
                    <b>Actif</b>
                    <span>notification@ribambin.fr</span>
                </article>
            </div>
        </section>
    @endif

<section class="demo-priorities">
        <header>
            <div>
                <span>MISSION DU JOUR</span>
                <h3>{{ $content['actions'][0] }}</h3>
            </div>
            @if($role === 'direction')
                <a class="btn primary" href="/validation-mensuelle/pilotage">
                    Traiter
                </a>
            @elseif($role === 'parent')
                <a class="btn primary" href="/validation-mensuelle/parent">
                    Ouvrir
                </a>
            @elseif($role === 'tresorerie')
                <a class="btn primary" href="/piloter/transactions">
                    Ouvrir
                </a>
            @elseif($role === 'educative')
                <a class="btn primary" href="/gestion/planning">
                    Ouvrir
                </a>
            @elseif($role === 'secretariat')
                <a class="btn primary" href="/contrats">
                    Ouvrir
                </a>
            @else
                <button class="btn primary" type="button">Consulter</button>
            @endif
        </header>

        <div>
            @foreach($content['actions'] as $action)
                <p>
                    <span></span>
                    {{ $action }}
                </p>
            @endforeach
        </div>
    </section>
</div>
@endsection