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

    <h4>{{__("Hi")}} {{ $user->name }},</h4>

    <p>
        {{__("We’re excited to let you know that you’ve been added to a new Classroom!")}}
    </p>
    <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>
        {{__("To access your Classroom, simply log in to your account ")}}
        <a style="color: #F14119;" href="{{ $class->platform->domain }}">{{__("here.")}}</a> <br>
        {{__(" We can’t wait to see how you inspire your students!")}}
    </p>
</div>

@endsection