@extends('layouts.app')

@section('title', 'Invited Admins')

@section('content')
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-3">
                <div class="col-sm-6">
                    <h1 class="m-0">Invited Admins</h1>
                </div>
            </div>
        </div>
    </div>

    <section class="content">
        <div class="container-fluid">
            <div class="card">
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-hover text-nowrap">
                            <thead>
                                <tr>
                                    <th>Name</th>
                                    <th>Email</th>
                                    <th>Role</th>
                                    <th>Date Created</th>
                                    <th>Branch</th>
                                    <th>Created By</th>
                                    <th>Status</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($invitedAdmins as $invite)
                                    <tr>
                                        <td>{{ $invite->first_name }} {{ $invite->last_name }}</td>
                                        <td>{{ $invite->email }}</td>
                                        <td>{{ ucwords(str_replace('_', ' ', $invite->role)) }}</td>
                                        <td>{{ $invite->created_at?->format('M d, Y') }}</td>
                                        <td>{{ $invite->branch->name ?? '--' }}</td>
                                        <td>{{ $invite->creator?->first_name }} {{ $invite->creator?->last_name }}</td>
                                        <td>
                                            @if ($invite->is_completed)
                                                <span class="badge badge-success">Completed</span>
                                            @else
                                                <span class="badge badge-warning">Pending</span>
                                            @endif
                                        </td>
                                        <td>
                                            <a href="{{ route('admin.admin-management.invites.show', $invite->id) }}"
                                                class="btn btn-sm btn-outline-secondary mr-1">
                                                View
                                            </a>
                                            <form method="POST"
                                                action="{{ route('admin.admin-management.invites.resend', $invite->id) }}"
                                                class="d-inline-block">
                                                @csrf
                                                <button type="submit" class="btn btn-sm btn-outline-primary"
                                                    @if ($invite->is_completed) disabled @endif>
                                                    Resend Invite
                                                </button>
                                            </form>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="8" class="text-center text-muted">No invited admins yet.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    <div class="mt-3">
                        {{ $invitedAdmins->links() }}
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection