@php
    $baseCurrency = base_currency();
    $baseCurrencyCode = $baseCurrency?->currency_code ?? 'RON';
    $listingFormCurrencies = listing_form_currencies();

    if ($listingFormCurrencies->isEmpty() && ! empty($currency_list)) {
        $listingFormCurrencies = collect($currency_list)
            ->filter(fn ($currency) => in_array(strtoupper((string) $currency->currency_code), ['RON', 'EUR'], true))
            ->values();
    }

    $selectedCurrencyCode = strtoupper((string) old('price_currency_code', $baseCurrencyCode));

    if (! $listingFormCurrencies->contains(fn ($currency) => strtoupper((string) $currency->currency_code) === $selectedCurrencyCode)) {
        $selectedCurrencyCode = strtoupper((string) $baseCurrencyCode);
    }

    $displayPrice = old('regular_price');

    if ($displayPrice === null && isset($listing) && $listing->regular_price !== null && $listing->regular_price !== '') {
        $displayPrice = convert_price_from_base_currency((float) $listing->regular_price, $selectedCurrencyCode);
    }

    $displayPrice = format_listing_price_input_value($displayPrice);
@endphp

<div
    class="listing-price-field"
    data-base-currency="{{ $baseCurrencyCode }}"
    data-hint-template="{{ __('translate.Listing price base equivalent') }}"
>
    <div class="input-group listing-price-input-group">
        <input
            type="text"
            class="form-control listing-price-input"
            placeholder="{{ __('translate.Start from') }}"
            name="regular_price"
            id="listing_regular_price"
            value="{{ $displayPrice }}"
            inputmode="numeric"
            pattern="[0-9]*"
            maxlength="12"
            autocomplete="off"
            required
        >
        <select
            class="form-select listing-price-currency"
            name="price_currency_code"
            id="listing_price_currency_code"
            aria-label="{{ __('translate.Currency') }}"
        >
            @foreach ($listingFormCurrencies as $currencyOption)
                <option
                    value="{{ $currencyOption->currency_code }}"
                    data-rate="{{ $currencyOption->currency_rate }}"
                    @selected($selectedCurrencyCode === strtoupper((string) $currencyOption->currency_code))
                >
                    {{ $currencyOption->currency_code }}
                </option>
            @endforeach
        </select>
    </div>
    <small class="listing-price-converted-hint text-muted d-none" id="listing_price_converted_hint"></small>
</div>

@once
    @push('style_section')
        <style>
            .listing-price-input-group .listing-price-currency {
                max-width: 110px;
                flex: 0 0 110px;
            }

            .listing-price-input-group .listing-price-input {
                min-width: 0;
            }
        </style>
    @endpush

    @push('js_section')
        <script>
            "use strict";
            (function ($) {
                function listingPriceRate($field, code) {
                    var rate = parseFloat($field.find('.listing-price-currency option[value="' + code + '"]').data('rate'));

                    return !isNaN(rate) && rate > 0 ? rate : 1;
                }

                function formatListingPriceInputValue(value) {
                    if (isNaN(value)) {
                        return '';
                    }

                    var rounded = Math.round(value * 100) / 100;

                    return rounded % 1 === 0 ? String(Math.round(rounded)) : rounded.toFixed(2);
                }

                function formatListingPriceHintValue(value) {
                    if (isNaN(value) || value <= 0) {
                        return '';
                    }

                    return String(Math.round(value));
                }

                function updateListingPriceHint($field) {
                    var $input = $field.find('.listing-price-input');
                    var $select = $field.find('.listing-price-currency');
                    var $hint = $field.find('.listing-price-converted-hint');
                    var amount = listingPriceAmountFromInput($input);
                    var baseCode = $field.data('base-currency');
                    var selectedCode = $select.val();

                    if (isNaN(amount) || amount <= 0 || selectedCode === baseCode) {
                        $hint.addClass('d-none').text('');

                        return;
                    }

                    var baseAmount = amount / listingPriceRate($field, selectedCode);
                    var template = $field.data('hint-template') || '≈ :amount :currency';
                    $hint
                        .removeClass('d-none')
                        .text(
                            template
                                .replace(':amount', formatListingPriceHintValue(baseAmount))
                                .replace(':currency', baseCode)
                        );
                }

                function initListingPriceField($field) {
                    if (!$field.length || $field.data('listing-price-initialized')) {
                        return;
                    }

                    $field.data('listing-price-initialized', true);
                    var previousCurrency = $field.find('.listing-price-currency').val();

                    $field.find('.listing-price-currency').on('change', function () {
                        var $input = $field.find('.listing-price-input');
                        var amount = listingPriceAmountFromInput($input);
                        var newCurrency = $(this).val();

                        if (!isNaN(amount) && amount > 0 && previousCurrency && newCurrency !== previousCurrency) {
                            var baseAmount = amount / listingPriceRate($field, previousCurrency);
                            $input.val(formatListingPriceInputValue(baseAmount * listingPriceRate($field, newCurrency)));
                        }

                        previousCurrency = newCurrency;
                        updateListingPriceHint($field);
                    });

                    $field.find('.listing-price-input').on('input', function () {
                        var $input = $(this);
                        var sanitized = sanitizeListingPriceDigits($input.val());

                        if ($input.val() !== sanitized) {
                            $input.val(sanitized);
                        }

                        updateListingPriceHint($field);
                    });

                    $field.find('.listing-price-input').on('keydown', function (event) {
                        if (event.ctrlKey || event.metaKey || event.altKey) {
                            return;
                        }

                        var allowedKeys = [
                            'Backspace', 'Delete', 'Tab', 'Escape', 'Enter',
                            'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End'
                        ];

                        if (allowedKeys.indexOf(event.key) !== -1) {
                            return;
                        }

                        if (!/^\d$/.test(event.key)) {
                            event.preventDefault();
                        }
                    });

                    $field.find('.listing-price-input').on('paste', function (event) {
                        event.preventDefault();
                        var pasted = (event.originalEvent.clipboardData || window.clipboardData).getData('text');
                        var $input = $(this);
                        var start = this.selectionStart;
                        var end = this.selectionEnd;
                        var current = String($input.val());
                        var sanitized = sanitizeListingPriceDigits(
                            current.slice(0, start) + pasted + current.slice(end)
                        );

                        $input.val(sanitized);
                        updateListingPriceHint($field);
                    });

                    updateListingPriceHint($field);
                }

                $(function () {
                    $('.listing-price-field').each(function () {
                        initListingPriceField($(this));
                    });
                });
            })(jQuery);
        </script>
    @endpush
@endonce