<div class="o-intro">

    <div class="o-intro__title">
        @include('components.title')
    </div>

    <div class="o-intro__flex">

        <div class="o-intro__description">

            <h3 class="o-intro__name">Beste {{ auth()->user()->name }}</h3>

            <p class="o-intro__text">
                @if(in_array(auth()->user()->user_type, [1,2]))
                    We willen je uitnodigen om er de hele dag bij te zijn! (ceremonie, diner, feest)
                @else
                    We nodigen je uit om 's avonds met ons&nbsp;te&nbsp;feesten!
                @endif
            </p>

            <p class="o-intro__text">Graag vragen we je de onderstaande <strong>vragenlijst</strong> in te vullen.</p>
            <p class="o-intro__text">De officiële uitnodiging inclusief tijdstippen&nbsp;volgt.</p>
            <p class="o-intro__text"><strong>Locatie:</strong><br/>De Heische Hoeve, Loosbroek.</p>

            <div class="o-intro__button">
                @include('components.button',[
                'modifiers' => 'small',
                'targetBlank' => true,
                'buttonLink' => 'https://www.google.com/maps/dir//De+Heische+Hoeve,+Heideweg+1A,+5472+LC+Loosbroek/@51.6633433,5.5121956,16.87z/data=!4m9!4m8!1m0!1m5!1m1!1s0x47c6e3b76316244d:0xdec149a0b95141af!2m2!1d5.5145905!2d51.6633478!3e0',
                'buttonText' => 'Plan route beschrijving'
                ])
            </div>

        </div>

        <div class="o-intro__map">
            <div id="map"></div>
        </div>

    </div>

</div>