@php
    $usesLocationIq = listing_uses_locationiq();
    $addressValue = old('address', isset($listing_translate) ? html_decode($listing_translate->address) : '');
    $googleMapValue = old('google_map', isset($listing) ? html_decode($listing->google_map) : '');
    $showMapFields = ! isset($listing)
        || listing_edit_is_default_language($listing_translate->lang_code ?? request()->get('lang_code'));
    $listingMapPreviewUrl = listing_map_display_url($googleMapValue, 640, 360);
    $listingMapPlaceholderUrl = listing_map_placeholder_url();
    $listingMapPreviewSrc = $listingMapPreviewUrl !== '' ? $listingMapPreviewUrl : $listingMapPlaceholderUrl;
@endphp
<div class="col-lg-12">
    <div class="car-images">
        <h3 class="car-images-taitel">
            @if ($usesLocationIq)
                {{ __('translate.Address & Map') }}
            @else
                {{ __('translate.Address & Google Map') }}
            @endif
        </h3>
        <div class="car-images-inner two">
            <div class="description-item two">
                <div class="description-item-inner position-relative">
                    <label class="form-label">{{ __('translate.Address') }} <span>*</span></label>
                    <input type="text" class="form-control js-listing-address-input" name="address" id="address" value="{{ $addressValue }}" placeholder="{{ __('translate.Type your address') }}" autocomplete="off">
                    @if ($usesLocationIq)
                        <small class="text-muted d-block mt-2">{{ __('translate.Address field street number help') }}</small>
                    @endif
                    @if ($usesLocationIq)
                        <ul class="list-group listing-address-suggestions d-none" id="listing-address-suggestions"></ul>
                    @endif
                </div>
            </div>
            @if ($showMapFields)
                @if ($usesLocationIq)
                    <input type="hidden" name="google_map" id="google_map" value="{{ $googleMapValue }}">
                    <div class="description-item mt-3">
                        <div class="description-item-inner">
                            <label class="form-label">{{ __('translate.Map preview') }}</label>
                            <div class="listing-map-preview listing-map-preview--compact border rounded overflow-hidden">
                                <img id="listing-map-preview-img" class="listing-map-preview__img w-100{{ $listingMapPreviewUrl !== '' ? ' is-location-map' : '' }}" alt="{{ __('translate.Map preview') }}" src="{{ $listingMapPreviewSrc }}" data-placeholder-src="{{ $listingMapPlaceholderUrl }}">
                            </div>
                            <small class="text-muted d-block mt-2">{{ __('translate.LocationIQ map help') }}</small>
                        </div>
                    </div>
                @else
                    <div class="description-item">
                        <div class="description-item-inner">
                            <label class="form-label">{{ __('translate.Google Embed Map Link') }} <span>*</span></label>
                            <textarea class="form-control" rows="7" placeholder="{{ __('translate.Paste google embed map link') }}" name="google_map" id="google_map">{{ $googleMapValue }}</textarea>
                        </div>
                    </div>
                @endif
            @endif
        </div>
    </div>
</div>