@extends('layouts.app')

@section('title', 'Invited Admin Details')

@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 Admin Details</h1>
                </div>
                <div class="col-sm-6 text-right">
                    <a href="{{ route('admin-management.index') }}" class="btn btn-outline-secondary btn-sm">
                        Back to Admins
                    </a>
                </div>
            </div>
        </div>
    </div>

    <section class="content">
        <div class="container-fluid">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <strong>Name:</strong>
                            <div>{{ $invite->first_name }} {{ $invite->last_name }}</div>
                        </div>
                        <div class="col-md-6 mb-3">
                            <strong>Email:</strong>
                            <div>{{ $invite->email }}</div>
                        </div>
                        <div class="col-md-6 mb-3">
                            <strong>Role:</strong>
                            <div>{{ ucwords(str_replace('_', ' ', $invite->role)) }}</div>
                        </div>
                        <div class="col-md-6 mb-3">
                            <strong>Branch:</strong>
                            <div>{{ $invite->branch->name ?? '--' }}</div>
                        </div>
                        <div class="col-md-6 mb-3">
                            <strong>Status:</strong>
                            <div>
                                @if ($invite->is_completed)
                                    <span class="badge badge-success">Completed</span>
                                @else
                                    <span class="badge badge-warning">Pending</span>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-6 mb-3">
                            <strong>Invited By:</strong>
                            <div>{{ $invite->creator?->first_name }} {{ $invite->creator?->last_name }}</div>
                        </div>
                        <div class="col-md-6 mb-3">
                            <strong>Date Created:</strong>
                            <div>{{ $invite->created_at?->format('M d, Y g:i A') }}</div>
                        </div>
                        <div class="col-md-6 mb-3">
                            <strong>Expires At:</strong>
                            <div>{{ $invite->invite_expires_at?->format('M d, Y g:i A') ?? '—' }}</div>
                        </div>
                    </div>

                    <form method="POST" action="{{ route('admin.admin-management.invites.resend', $invite->id) }}"
                        class="mt-3">
                        @csrf
                        <button type="submit" class="btn btn-outline-primary"
                            @if ($invite->is_completed) disabled @endif>Resend Invite</button>
                    </form>
                </div>
            </div>
        </div>
    </section>
@endsection