@if(isset($servicepoint))
    <div class="c-servicepoint">
        <img class="c-servicepoint__image"
             src="{{ ($servicepoint->documents && count($servicepoint->documents) > 0) ? $servicepoint->documents[0]->small_image_url : '/img/placeholder-person.svg'}}"
             @if(!empty($servicepoint->translation->first_name) || !empty($servicepoint->translation->last_name))
                alt="{{$servicepoint->translation->first_name}} {{$servicepoint->translation->last_name}}"
            @endif>
        <div class="c-servicepoint__content">
            @if(!empty($servicepoint->translation->first_name) || !empty($servicepoint->translation->last_name) || !empty($servicepoint->translation->function))
                <div class="c-servicepoint__header">
                    @if(!empty($servicepoint->translation->first_name) || !empty($servicepoint->translation->last_name))
                        <h3 class="c-servicepoint__heading">@if(!empty($servicepoint->translation->first_name)) {{$servicepoint->translation->first_name}} @endif @if(!empty($servicepoint->translation->last_name)) {{$servicepoint->translation->last_name}} @endif</h3>
                    @endif

                    @if(!empty($servicepoint->translation->function) && !(isset($cardView)))
                        <p class="c-servicepoint__subheading">{{$servicepoint->translation->function}}</p>
                    @endif
                </div>
            @endif

            @if(!empty($servicepoint->translation->telephone_label) || !empty($servicepoint->translation->email))
                <div class="c-servicepoint__body">

                    @if(!(isset($cardView)))
                        <div class="c-data">
                            @if(!empty($servicepoint->translation->telephone_label))
                                <p class="c-data__line">
                                    <span class="c-data__label">Tel: </span>
                                    @if(!empty($servicepoint->translation->telephone_url))
                                        <a class="c-data__value"
                                           href="tel:{{$servicepoint->translation->telephone_url}}">{{$servicepoint->translation->telephone_label}}</a>
                                    @else
                                        <span class="c-data__value">{{$servicepoint->translation->telephone_label}}</span>
                                    @endif
                                </p>
                            @endif
                            @if(!empty($servicepoint->translation->email))
                                <p class="c-data__line">
                                    <span class="c-data__label">E-mail:</span>
                                    <a class="c-data__value" href="mailto:{{$servicepoint->translation->email}}">{{$servicepoint->translation->email}}</a>
                                </p>
                            @endif
                        </div>

                    @else
                        @if(!empty($servicepoint->translation->telephone_label))
                            <div class="c-connect">
                                <a class="c-connect__phone"
                                   href="tel:{!! $servicepoint->translation->telephone_url !!}">{!! $servicepoint->translation->telephone_label !!}</a>
                            </div>
                        @endif
                    @endif


                </div>
            @endif

            @if(isset($buttonText) && isset($buttonLink))

                <div class="c-servicepoint__footer">
                    @if(isset($cardView))
                        @include('site.components.button', [
                            'modifiers' => ['icon'],
                            'type' => 'text',
                            'buttonText' => $buttonText,
                            'buttonLink' => $buttonLink
                        ])
                    @else
                        @include('site.components.button', [
                            'modifiers' => ['icon'],
                            'buttonText' => $buttonText,
                            'buttonLink' => $buttonLink
                        ])
                    @endif
                </div>
            @endif

        </div>
    </div>
@endif