@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 Exam!")}}</strong></p>

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

        <p>
            {{__("Welcome to the platform! We’re thrilled to inform you that you’ve been added to a new Exam: ")}}
            {{ $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>{{__("Exam 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