<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>