@extends('layout')
@section('title', "Ou en sont les fiches - Famille Letzelter")
@section('robots', 'noindex, nofollow')

@section('content')
    <section class="wrap cpl">
        <div class="cpl-tete">
            <div>
                <p class="eyebrow">Administration</p>
                <h1>Où en sont les fiches</h1>
                <p class="lead">
                    {{ $lignes->count() }} personnes vivantes, remplies à {{ $moyenne }} % en moyenne.
                    Les moins remplies d'abord : c'est à elles qu'il faudra demander quelque chose.
                </p>
            </div>
            <div class="cpl-outils">
                <button type="button" class="btn btn--fin" onclick="window.print()">Imprimer</button>
                <a class="btn btn--fin" href="{{ route('admin.index') }}">Retour à l'administration</a>
            </div>
        </div>

        <p class="cpl-note">
            Une fiche est notée sur {{ count($rubriques) }} rubriques :
            {{ implode(', ', $rubriques) }}.
            @if ($vides)
                <strong>{{ $vides }}</strong> fiches sont entièrement vides.
            @endif
        </p>

        <div class="cpl-table-cadre">
            <table class="cpl-table">
                <thead>
                    <tr>
                        <th scope="col">Personne</th>
                        <th scope="col">Branche</th>
                        <th scope="col" class="cpl-num">Rempli</th>
                        <th scope="col">Ce qui manque</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($lignes as $l)
                        <tr @class(['cpl-vide' => $l['faits'] === 0])>
                            <th scope="row">
                                <a href="{{ route('admin.genealogie.edit', $l['id']) }}">{{ $l['nom'] }}</a>
                                @unless ($l['compte'])
                                    <span class="cpl-sanscompte" title="Aucun compte famille">sans compte</span>
                                @endunless
                            </th>
                            <td>{{ $l['branche'] ?? '—' }}</td>
                            <td class="cpl-num">
                                <span class="cpl-jauge" role="img"
                                      aria-label="{{ $l['faits'] }} rubriques sur {{ $l['total'] }}">
                                    <span class="cpl-jauge-part" style="width:{{ $l['part'] }}%"></span>
                                </span>
                                {{ $l['faits'] }}/{{ $l['total'] }}
                            </td>
                            <td class="cpl-manque">
                                @if ($l['manque'])
                                    {{ implode(', ', $l['manque']) }}
                                @else
                                    <span class="cpl-complet">fiche complète</span>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </section>
@endsection