@extends('layouts.app')

@section('title')
SuperAdmin
@endsection

@section('page-title')
SuperAdmins <small>Gestion</small>
@endsection

@section('button-top')
{{--<a class="btn cur-p btn-copernic" href="{{ route('superadmins.create_administrateur') }}">Créer un SuperAdmin</a>--}}
@endsection


@section('content')

    <div class="row">
        <div class="col-md-12">
            <div class="bgc-white bd bdrs-3 p-20 mB-20">
                {{--<h4 class="c-grey-900 mB-20">Striped rows</h4>
                <p>Use <code class="highlighter-rouge">.table-striped</code> to add zebra-striping to any table row within the <code class="highlighter-rouge">&lt;tbody&gt;</code>.</p>--}}

                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">Utilisateur</th>
                            <th scope="col">Voir</th>
                        </tr>
                    </thead>

                    <tbody>
                        @if (count($administrateurs))
                            @foreach ($administrateurs as $administrateur)
                                <tr>
                                    <td>{{ $administrateur->id }}</td>
                                    <td>{{ $administrateur->prenom_nom }}</td>
                                    <td class="td-btn">
                                        <a href="{{ route('administrateurs.show', $administrateur) }}" class="btn btn-secondary btn-icon"><i class="fa fa-eye"></i></a>
                                    </td>
                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td class="ta-c font-italic" colspan="5">
                                    Aucun SuperAdmin
                                </td>
                            </tr>
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>

@endsection