@extends('mails.v2.layout.v2-new-email-layout')

@section('logo')
<img 
    src="{{ $user->userPlatform->logo ?? 'https://qataloog.lon1.cdn.digitaloceanspaces.com/qataloog-new-logo.PNG' }}" 
    alt="platform_logo" 
    style="width: 30%;height: 50%" 
/>
@endsection

@section('content')
    <div>
      <section class="section-content" style="margin: 0 auto; padding: 20px; max-width: 600px; font-family: Arial, sans-serif;">
    <h3 style="color: #333; font-size: 24px; text-align: center; margin-bottom: 20px;">
        {{ __("Welcome to Qataloog!") }}
    </h3>

            <div class="text-gray-700">
                <p>
                    {{ __("Hi") }} {{ $user->name }},
                    <br /><br />
                    {{ __("An account has been created for you on :platform!", ['platform' => $user->userPlatform->name]) }}
                    <br />
                    {{ __("You can now explore and enjoy all the learning resources available on the platform.") }}

                    {{ __("Kindly use the below login credentials to access your dashboard.") }}
                    
                    {{ __("You are required to changed your password as it is auto generated.") }}

        <div style="font-weight: 600; margin: 20px 0; padding: 15px; background-color: #fff; border: 1px solid #ddd; border-radius: 5px;">
            <p style="margin: 0 0 10px;">
                {{ __("Email") }}: 
                <span style="font-weight: 800;">{{ $user->email }}</span>
            </p>
            <p style="margin: 0;">
                {{ __("Password") }}: 
                <span style="font-weight: 800;">{{ $password }}</span>
            </p>
        </div>

        <div style="text-align: center; margin: 20px 0;">
            <a class="button-success" href="{{ $user->userPlatform->domain }}" style="display: inline-block; padding: 12px 24px; color: #fff; text-decoration: none; font-weight: 600; border-radius: 5px;">
                {{ __("Go to Dashboard") }}
            </a>
        </div>

        <p style="margin-bottom: 15px;">
            {{ __("If you have any questions or need assistance, feel free to reach out at") }}
            <span style="color: #007bff; text-decoration: none;">{{ __("support@qataloog.com") }}</span>.
        </p>

        <div style="font-weight: 600; text-align: center; margin-top: 20px;">
            <p>{{ __("Happy Learning!") }}</p>
        </div>
    </div>
</section>

        <div class="notice">
            {{ __("You are receiving this email because you opted in via our website.") }}
        </div>
    </div>

@endsection