@extends('admin.layouts.app')

@section('content')
    <div class="azp-page">
        <div class="azp-page-header">
            <div class="azp-page-title-wrap">
                <div class="azp-page-title">Administradores</div>
                <div class="azp-page-subtitle">Gestão de utilizadores com acesso ao backoffice.</div>
            </div>

            <div class="azp-page-actions">
                <a href="{{ route('admin.admins.create') }}" class="btn primary">
                    Novo administrador
                </a>
            </div>
        </div>

        @if(session('success'))
            <div class="flash success">
                {{ session('success') }}
            </div>
        @endif

        @if(session('error'))
            <div class="flash error">
                {{ session('error') }}
            </div>
        @endif

        <div class="azp-card">
            @if($admins->count())
                <div class="azp-table-wrap">
                    <table class="azp-table">
                        <thead>
                        <tr>
                            <th style="width:80px;">ID</th>
                            <th>Nome</th>
                            <th>Email</th>
                            <th style="width:140px;">Role</th>
                            <th>Clube</th>
                            <th style="width:160px;">Ações</th>
                        </tr>
                        </thead>

                        <tbody>
                        @foreach($admins as $admin)
                            @php
                                $adminRole = $admin->adminRoles->first();
                                $roleName  = $adminRole && $adminRole->role ? $adminRole->role->name : '—';
                                $clubName  = $adminRole && $adminRole->club ? $adminRole->club->name : '—';
                            @endphp

                            <tr>

                                <td data-label="ID">{{ $admin->id }}</td>

                                <td data-label="Nome" class="azp-table-primary">
                                    <a href="{{ route('admin.admins.edit', $admin) }}" class="btn outline xs">
                                    {{ $admin->name }}
                                    </a>
                                </td>

                                <td data-label="Email">
                                    {{ $admin->email }}
                                </td>

                                <td data-label="Role">
                                    @if($roleName !== '—')
                                        <span class="azp-badge-pill">{{ $roleName }}</span>
                                    @else
                                        <span class="muted">—</span>
                                    @endif
                                </td>

                                <td data-label="Clube">
                                    {{ $clubName }}
                                </td>

                                <td data-label="Ações">
                                    <div class="azp-actions">
                                        <a href="{{ route('admin.admins.edit', $admin) }}" class="btn outline xs">
                                            Editar
                                        </a>
                                        {{-- se quiseres: botão apagar depois --}}
                                    </div>
                                </td>

                            </tr>

                        @endforeach
                        </tbody>
                    </table>
                </div>

                <div class="pagination-wrap">
                    {{ $admins->links() }}
                </div>
            @else
                <div class="muted">Ainda não existem administradores registados.</div>
            @endif
        </div>
    </div>
@endsection