@extends('emails.partials.base_template')

@section('title', 'Admin Account Created')
@section('subtitle', 'Welcome to the ' . $companySettings['companyName'] . ' Admin Panel')

@section('content')
<div class="greeting">Hello {{ $user->name ?? 'Admin' }},</div>

<div class="content-text">
    Welcome to the {{ $companySettings['companyName'] }} Admin Panel! Your administrator account has been successfully created and you now have full access to manage the platform.
</div>

<div class="alert alert-success">
    <strong>Admin Account Created!</strong> You now have administrative privileges to manage quotes, bookings, payments, and customer accounts.
</div>

<div class="info-section">
    <h3>Account Information</h3>
    <div class="detail-row">
        <span class="detail-label">Email Address:</span>
        <span class="detail-value">{{ $user->email }}</span>
    </div>
    <div class="detail-row">
        <span class="detail-label">Temporary Password:</span>
        <span class="detail-value" style="background: #fff3cd; padding: 4px 8px; border-radius: 4px; font-family: monospace;">{{ $password }}</span>
    </div>
    <div class="detail-row">
        <span class="detail-label">Role:</span>
        <span class="detail-value" style="color: #3b82f6; font-weight: bold;">{{ ucfirst($user->role) }}</span>
    </div>
    <div class="detail-row">
        <span class="detail-label">Account Status:</span>
        <span class="detail-value" style="color: #3b82f6; font-weight: bold;">Active</span>
    </div>
</div>

<div class="alert alert-warning">
    <strong>Security Notice:</strong> Please change your password immediately after your first login for security purposes.
</div>

<div class="btn-center">
    <a href="{{ env('FRONTEND_URL', 'http://localhost:5173') }}/auth/admin-login" class="btn btn-primary">
        Access Admin Panel
    </a>
</div>

<div class="info-section">
    <h3>Admin Panel Features</h3>
    <ul>
        <li><strong>Dashboard Overview</strong> - Monitor system activity and key metrics</li>
        <li><strong>Quote Management</strong> - Review and respond to customer quote requests</li>
        <li><strong>Booking Management</strong> - Manage vehicle transport bookings and schedules</li>
        <li><strong>Payment Processing</strong> - Monitor payments and financial transactions</li>
        <li><strong>Customer Management</strong> - View and manage customer accounts</li>
        <li><strong>System Settings</strong> - Configure platform settings and preferences</li>
    </ul>
</div>

<div class="info-section">
    <h3>First Steps</h3>
    <ol class="steps-list">
        <li><strong>Login to Admin Panel:</strong> Use the credentials provided above to access the system</li>
        <li><strong>Change Password:</strong> Update your password to something secure and memorable</li>
        <li><strong>Review Settings:</strong> Check and configure system settings as needed</li>
        <li><strong>Familiarize with Features:</strong> Explore the dashboard and available tools</li>
        <li><strong>Test Email System:</strong> Send a test email to verify email functionality</li>
    </ol>
</div>

<div class="alert alert-info">
    <strong>Pro Tips:</strong><br>
    • Bookmark the admin panel URL for quick access<br>
    • Set up email notifications for new quotes and bookings<br>
    • Regularly review and respond to customer inquiries<br>
    • Monitor payment statuses and follow up on pending transactions
</div>

<div class="content-text">
    <strong>Need Help?</strong><br>
    If you have any questions about using the admin panel or need assistance with any features, please don't hesitate to contact the system administrator or technical support team.
</div>

<div class="content-text">
    <strong>Contact Information:</strong><br>
    Phone: <a href="tel:{{ $companySettings['companyPhone'] }}" style="color: #007bff;">{{ $companySettings['companyPhone'] }}</a><br>
    Email: <a href="mailto:{{ $companySettings['companyEmail'] }}" style="color: #007bff;">{{ $companySettings['companyEmail'] }}</a>
</div>

<div class="content-text">
    Welcome to the team! We're confident you'll find the admin panel intuitive and powerful for managing {{ $companySettings['companyName'] }} operations.
</div>
@endsection