<div class="grid-row workshop">
    <div class="grid-col col-12">

        <div class="workshop-seperator">

        </div>

        <div class="workshop-wrapper">

            <div class="workshop-information-wrapper">
                <h3>{{$block->title}}</h3>

                <div class="workshop-details">
                    {{$block->info}}
                </div>

                <p class="workshop-description">
                    {{$block->description}}
                </p>

                @if(!empty($block->email) || !empty($block->phone))
                    <h4>meer info of aanmelden</h4>
                    <div class="workshop-btns">

                        @if(!empty($block->email))
                            <a href="mailto:{{$block->email}}">
                                <div class="workshop-btn email-btn">
                                    <span class="email-icon"></span>E-mail
                                </div>
                            </a>
                        @endif

                        @if(!empty($block->phone))
                            <a href="tel:{{$block->phone}}">
                                <div class="workshop-btn telephone-btn">
                                    <span class="phone-icon"></span>{{$block->phone}}
                                </div>
                            </a>
                        @endif

                    </div>
                @endif

            </div>

            <div class="workshop-image-wrapper">
                <figure class="workshop-featured-image">

                    @if(isset($block->images[0]))
                        <img src="{{$block->images[0]->large_image_url}}" alt="{{$block->title}}"/>
                    @endif

                </figure>
            </div>

        </div>
    </div>
</div>