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

@section('logo')
<img src="{{ asset('mail_assets/qataloog_new_logo.png') }}" alt="platform_logo"
    style="width: 100px; height: 20px;" />
@endsection

@section('hero-section')
<div
    style="width: 100%; height: 250px; background: url('{{ asset('mail_assets/dashboard.png') }}') no-repeat center center; background-size: cover; position: relative; opacity: 0.5;">
    <div style="max-width: 150px; margin: auto; height: 100%;">
    </div>
</div>
@endsection

@section('content')

<div>
    <p style="text-align: center"><strong>{{__("Welcome to the Platform and Your New Classroom!")}}</strong></p>

    <h4>{{__("Hi ")}}</h4>

    <p>
        {{__("Welcome to the platform! We’re thrilled to inform you that you’ve been added to a new Classroom: ")}}
        {{ $class->name . '.' }}
    </p>

    <div class="details">
        <p><strong>{{__("Next Steps:")}}</strong></p>
        <p>
            {{__("1. Create an account by clicking")}} <a style="color: #F14119;"
                href="{{ "{$class->platform->domain}/signup" }}">here</a>
        </p>
        <p>
            {{__("2. Once your account is set up, you can join the classroom using the following code: ")}}
            <strong>{{ $class->code }}</strong>
        </p>
    </div>
    <div class="details">
        <p><strong>{{__("Classroom Details")}}</strong></p>
        <p>
            <strong>{{__("Name")}}:</strong> {{ $class->name }}
        </p>
        <p>
            <strong>{{__("Instructor")}}:</strong>
            {{ implode(', ', $class->teachers()->get()->pluck('name')->toArray()) }}
        </p>
        <p>
            <strong>{{__("Subject/Course")}}:</strong> {{ $class->subCategory->name }}
        </p>
    </div>

    <p>
        {{__("We’re excited to have you on board!")}}
    </p>
</div>

@endsection