<div class="md:flex mt-8 w-full max-w-6xl" dusk="inquiry-personalized">
    <div class="flex-1">
        <div class="flex items-start justify-center w-full h-full md:p-8">
            <img src="/images/icon.svg" class="w-48 hidden md:block" />
            <img src="/images/logo.svg" class="md:hidden" />
        </div> 
    </div>
    <div class="flex-2">

        <div class="text-block">
            <div class="body p-8">

                <h1>Welcome {{ $inquiry->user->name }}</h1>

                <div class="mt-2 italic md:flex">

                    @if ($inquiry->user->email)
                        <div class="flex items-center">
                            <div class="icon"><fa-icon icon="fas fa-envelope"></fa-icon></div>
                            <div class="pl-2">{{ $inquiry->user->email }}</div>
                        </div>
                    @endif

                    @if ($inquiry->user->phone)
                        <div class="flex md:ml-4 items-center">
                            <div class="icon"><fa-icon icon="fas fa-phone"></fa-icon></div>
                            <div class="pl-1">{{ $inquiry->user->phone }}</div>
                        </div>
                    @endif

                </div>

                <div class="mt-4">
                    @if ($inquiry->target_grade && $inquiry->target_year)
                        <p>Thank you for taking the time to contact us regarding a <span class="font-bold">Grade {{ $inquiry->target_grade }} student</span> starting in <span class="font-bold">{{ $inquiry->target_year.'/'.($inquiry->target_year - 1999) }}</span>.</p>
                    @endif

                    @if ($inquiry->user->livestreams->count())
                        <div class="relative personalized-livestream-container px-8 py-4 shadow my-4 -mx-8" dusk="livestream-registration">
                            <div class="flex items-center">
                                <h2 class="flex-1">{{ $inquiry->user->livestreams->last()->name }}</h2>
                                <div class="text-4xl text-primary pl-4 -mb-1"><fa-icon icon="fab fa-youtube"></fa-icon></div>
                            </div>
                            <p>You have registered for the <span class="font-bold">{{ $inquiry->user->livestreams->last()->name }}</span> on <span class="font-bold">
                                <date-time :human="true" date-time="{{ $inquiry->user->livestreams->last()->start_date->toJSON() }}"></date-time>
                            </span>. You will receive an email closer to the event with a link to view the presentation.</p>
                        </div>
                    @endif

                    @if ($inquiry->filtered_tags->count())
                        <p>This page contains important information about our school including the interests you selected.</p>
                    @endif

                    @if ($inquiry->filtered_tags->count())
                        @foreach ($inquiry->filtered_tags as $tag)
                            <div class="flex items-center my-2">
                                <div class="text-sm text-gray-500"><fa-icon icon="fas fa-check"></fa-icon></div>
                                <div class="pl-2">{{ $tag->name }}</div>
                            </div>
                        @endforeach
                    @endif

                    <p>

                    <p>Thank you for your interest in Brentwood College School. To book a tour of our oceanfront campus, please write to us at <a href="mailto:admissions@brentwood.ca">admissions@brentwood.ca</a>. If you would like to register for a free virtual open house presentation over zoom, current dates are available on our <a href="https://www.brentwood.ca/admissions/admissions-events">admissions events page</a>.</p>

                    <p>We look forward to speaking with you soon.</p>

                    <p><span class="">Brentwood Admissions</span><br/>
                        <a href="tel:12507438770">+1 (250) 743-8770</a><br/>
                        <a href="mailto:admissions@brentwood.ca">admissions@brentwood.ca</a>
                    </p>

                </div>

            </div>
        </div>

    </div>
</div>
