@php
    $token = $p->serial ?? null;
    $canSeeHiddenAddress = $p->hide_address;
    $countryName = $countryNames[$p->country_isocode] ?? $p->country_isocode ?? '';
    $searchData = strtolower(trim(implode(' ', array_filter([
        $p->name ?? '',
        $p->address1 ?? '',
        $p->address2 ?? '',
        $p->postcode ?? '',
        $p->city ?? '',
        $p->country_isocode ?? '',
        $countryName,
    ]))));
    $addressData = trim(($p->address1 ?? '').' '.($p->postcode ?? '').' '.($p->city ?? ''));

    $is_visible = $p->is_visible ?? false;
    $is_shared  = ($p->user_id  == $p->owner->id) && ($p->user_id  != $user->id);
    $is_owner   = ($p->user_id  == $p->owner->id) && ($p->user_id  == $user->id);
    $is_public  = $p->owner->id == 0;

    $hasPassword = $p->sharings->whereNotNull('password_hash')->isNotEmpty();
    $style_opacity = '1.0';
    $canShare = auth()->id() === 1 || $p->user_id === auth()->id();
@endphp

<li
    class="card waypoint-card"
    data-id="{{ $p->id }}"
    data-name="{{ $p->name }}"
    data-lat="{{ $p->latitude }}"
    data-lng="{{ $p->longitude }}"
    data-created-at="{{ $p->created_at?->timestamp ?? 0 }}"
    data-search="{{ $searchData }}"
    data-address="{{ $addressData }}"
    data-city="{{ $p->city ?? '' }}"
    data-country="{{ $p->country_isocode ?? '' }}"
    data-pin-icon="{{ $p->pin_icon ?? 'green_pin.png' }}"
    data-public="{{ $is_public ? 1 : 0 }}"
    data-shared="{{ $is_shared ? 1 : 0 }}"
    data-hidden="{{ !$is_visible ? 1 : 0 }}"
    data-protected="{{ $hasPassword ? 1 : 0 }}"
    style="border-width: 0em; border-radius:8px; padding:12px; opacity: {{ $style_opacity }};"
>
    <div class="waypoint-card__left">
        <div>
            <div class="waypoint-card__title">
                @if($hasPassword && !$is_owner) <img src="{{ asset('assets/icons/fr/cadenas-closed.svg') }}" style="width: 24px; float: left; margin-right: 10px;" alt="{{ __('Protected') }}"> @endif
                {{ $p->name }}
            </div>

            <div class="waypoint-card__subtitle">
                {{ $p->city }}, {{ $countryNames[$p->country_isocode] ?? $p->country_isocode }}
            </div>
        </div>

        <div class="waypoint-card__actions" style="align-items: baseline;">
            <a class="action-btn" href="{{ lr('points.public.readonly', ['token' => $token]) }}">
                <img src="{{ asset('assets/icons/fr/here_picto.svg') }}" style="width: 40px" alt="{{ __('Display') }}">
                <span class="action-btn">{{ __('Display') }}</span>
            </a>

            <a
                class="action-btn"
                data-open-drawer="maps"
                data-point
                data-token="{{ $token }}"
                data-name="{{ $p->name }}"
                data-lat="{{ $p->latitude }}"
                data-lng="{{ $p->longitude }}"
            >
                <img src="{{ asset('assets/icons/fr/to_picto.svg') }}" style="width:40px">
                <span>{{ __('Join') }}</span>
            </a>

            <a
                href="#"
                class="action-btn js-share-btn"
                data-open-drawer="share"
                data-token="{{ $token }}"
                data-name="{{ $p->name }}"
                data-share-url="{{ lr('points.public.readonly', ['token' => $token]) }}"
                data-share-title="{{ $p->name }}"
                data-share-text="{{ __('Voici mon VereeGo, je t\'invite a suivre ce lien...') }}"
            >
                <img src="{{ asset('assets/icons/fr/sharing_picto.svg') }}" style="width:40px">
                <span>{{ __('Sharing') }}</span>
            </a>

            @if($canShare)
                <a class="action-btn" href="{{ lr('points.public', ['token' => $token]) }}">
                    <img src="{{ asset('assets/icons/fr/edit_picto.svg') }}" style="width: 40px" alt="{{ __('Edit') }}">
                    <span class="action-btn">{{ __('Edit') }}</span>
                </a>
            @endif
        </div>
    </div>

    @php
        $photo = $p->photos->first();
    @endphp
    @if(isset($photo->path))
    <div class="waypoint-card__right">
        <img
            src="{{ $photo ? Storage::disk('public')->url($photo->path) : asset('assets/images/placeholder.jpg') }}"
            alt="{{ $p->name }}"
            loading="lazy"
        >
    </div>
    @endif
</li>