@extends('layouts.mail')

@section('badge', '🔐 Admin Access')
@section('heading', "You've been invited as an Admin")

@section('content')
    <p style="color: #8ca5c7; font-size: 14px; line-height: 1.5; margin: 0 0 20px 0;">
        Hi <strong>{{ $data['name'] }}</strong>,
        <br><br>
        You have been invited by <strong>Administrator</strong> to join <strong>{{ config('app.name') }}</strong> as an administrator.
    </p>

    @if(!empty($data['role_name']))
    <div style="background-color: #1b3257; border: 1px dashed rgba(255,255,255,0.2); border-radius: 12px; padding: 16px; text-align: center; margin-bottom: 24px;">
        <span style="color: #8ca5c7; font-size: 10px; display: block; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 4px;">
            Assigned Role
        </span>
        <strong style="color: #ffffff; font-size: 18px; letter-spacing: 1px;">{{ ucfirst($data['role_name']) }}</strong>
    </div>
    @endif

    <p style="color: #8ca5c7; font-size: 13px; line-height: 1.5; margin: 0 0 24px 0;">
        Please click the button below to accept the invitation and set up your admin password. This invitation link will expire in {{ $data['expires_in'] ?? '24 hours' }}.
    </p>

    <a href="{{ $data['invite_url'] ?? config('app.admin_frontend_url') . '/admin/accept-invite?token=' . ($data['token'] ?? '') }}"
        style="background-color: #d99b00; color: #ffffff; display: block; padding: 14px; border-radius: 50px; text-decoration: none; font-weight: bold; font-size: 15px; text-align: center;">
        Accept Invitation & Set Password
    </a>

    <p style="color: #5c7499; font-size: 12px; line-height: 1.4; margin: 24px 0 0 0; text-align: center;">
        If you were not expecting this invitation, you can safely ignore this email.
    </p>
@endsection