<div class="c-card  @modifiers('c-card')">

    <div class="c-card__image-placeholder">
        @if(isset($locationItem->images) && $locationItem->images->isNotEmpty())
            <a href="{{ $locationItem->getLocationLink($links) ?? '#' }}">
                <img class="c-card__image  u-clip-path" data-id="clip-path-image-2" alt="{{ $locationItem->images->first()->name }}" src="{{ $locationItem->images->first()->medium_image_url }}"/>
            </a>
        @endif

        @if(isset($locationItem->kiyoh))
            @include('site.components.ratingLocationBadge', [
                'link'      => config('site.kiyoh.'.strtolower($locationItem->city).'.link'),
                'number'    => $locationItem->kiyoh->averageNumber,
                'total'     => $locationItem->kiyoh->totalReviews,
                'stars'     => $locationItem->kiyoh->stars
                ])
        @endif
    </div>

    <div class="c-card__body">

        @if($showProvince ?? false)
            <div class="c-card__subtitle">{{ $province->name }}</div>
        @endif
        <h3 class="c-card__title">{{ $locationItem->translation->name }}</h3>

        <div class="c-card__action">
            @include('site.components.button', [
                'modifiers' => ['primary'],
                'buttonType' => 'text',
                'buttonIcon' => 'arrowRight',
                'buttonText' => __('site/about.to_location_text'),
                'buttonLink' => $locationItem->getLocationLink($links) ?? '#',
            ])
        </div>
    </div>

</div>