@php
$location = \App\Models\UserContacts::LocationByContactID();
$hasSalvosite = !auth()->guest() && auth()->user()->hasSalvosite ? true : false;
//if ($location !== '') {
//    if (empty($item->currency)) {
//        $location = json_decode($location);
//        if ($location->country->name === 'UK') {
//            $item->currency = '£';
//        } elseif (in_array($location->country->name, \App\UserContacts::getEuropeanUnionCountriesNames())) {
//            $item->currency = '€';
//        } else {
//            $item->currency = '$';
        //}
//    }
//}
if (empty($item->price_type)) {
    $item->price_type = 'price';
}
@endphp
<div class="form-group">
    <label class="control-label">Price type (available to SalvoSITES) <span class="red">*</span></label><br>
    <div class="radio-inline">
        <label style="font-weight: 400; cursor: pointer;">{!! Form::radio('item_price_type', 'price', old('item_price_type', $item->price_type) == 'price', ['form' => 'edit-item', 'id' => 'item-price-type', 'onChange' => 'priceTypeSelect(); priceCombine()']) !!}
            Price options
        </label>
    </div>
    <div class="radio-inline">
        <label style="font-weight: 400; cursor: pointer;">
            {!! Form::radio('item_price_type', 'text', old('item_price_type', $item->price_type) == 'text', ['form' => 'edit-item', 'onChange' => 'priceTypeSelect(); priceCombine()', 'disabled' => !$hasSalvosite]) !!}
            Text options
        </label>
    </div>
</div>
<div class="row">
    <div id="standard-price">
        <span class="col-md-3">
            <div class="form-group">
                <label class="control-label" for="item_currency">Currency <span class="red">*</span></label>
                {!! Form::select('item_currency', $currencies, old('item_currency', $item->currency), ['class' => 'form-control', 'id' => 'item-currency', 'form' => 'edit-item', 'onChange' => 'priceCombine()']) !!}
            </div>
        </span>
        <span class="col-md-3">
            <div class="form-group">
                <label class="control-label" for="item_price">Price <span class="red">*</span></label>
                {!! Form::text('item_price', old('item_price', $item->price_value), ['class' => 'form-control', 'id' => 'item-price', 'form' => 'edit-item', 'onKeyup' => 'priceCombine()']) !!}
                <div id="price-wrong"></div>
            </div>
        </span>
        <span class="col-md-3">
            <div class="form-group">
                <label class="control-label" for="item_tax">Tax</label>
                {!! Form::select('item_tax', $taxes, old('item_tax', $item->tax), ['class' => 'form-control', 'id' => 'item-tax', 'placeholder' => 'Choose the tax...', 'form' => 'edit-item', 'onChange' => 'priceCombine()']) !!}
            </div>
        </span>
        <span class="col-md-3">
            <div class="form-group">
                <label class="control-label" for="item_unit_of_measurement">Unit of measurement</label>
                {!! Form::select('item_unit_of_measurement', $unitsOfMeasurement, old('item_unit_of_measurement', $item->unit_of_measurement), ['class' => 'form-control', 'id' => 'item-unit-of-measurement', 'placeholder' => 'Choose the unit of measurement...', 'form' => 'edit-item', 'onChange' => 'priceCombine()']) !!}
            </div>
        </span>
    </div>
</div>
<div id="custom-price">
    <div class="form-group">
        {!! Form::select('item_text_price', $customPriceValues, old('item_text_price', $item->price), ['class' => 'form-control', 'id' => 'item-text-price', 'placeholder' => 'Choose the custom price value...', 'form' => 'edit-item', 'onChange' => 'priceCombine()']) !!}
    </div>
</div>
<div class="form-group">
    <span id="price-example"></span>
</div>

<script>
    function priceCombine() {
        $type = document.querySelector('input[name="item_price_type"]:checked').value;
        $currency = document.getElementById("item-currency").value;
        $price = document.getElementById("item-price").value;
        $unitOfMeasurement = document.getElementById("item-unit-of-measurement").value;
        $tax = document.getElementById("item-tax").value;
        $textPrice = document.getElementById('item-text-price').value;

        $currency = $currency ? $currency + ' ' : '';
        $unitOfMeasurement = $unitOfMeasurement ? ' ' + $unitOfMeasurement : '';
        $tax = $tax ? ' ' + $tax : '';

        $priceCombined = "";
        $priceWrong = "";

        var nf = new Intl.NumberFormat('en-UK', {
            minimumFractionDigits: 2,
        });

        if ($type == 'price') {
            if (isNumeric($price)) {
                $price = nf.format($price);
                $priceCombined = "<span class='label label-round--success'>" + $currency + $price + $unitOfMeasurement + $tax + "</span><br><small>This is how the price will look on your live ad</small>";
            } else {
                if ($price) {
                    $priceWrong = "<span class='label label-round--error'>Price format is wrong</span>";
                }
            }
        }

        if ($type == 'text') {
            if ($textPrice) {
                $priceCombined = "<span class='label label-round--success'>" + $textPrice + "</span><br><small>This is how the price will look on your live ad</small>";
            }
        }

        document.getElementById('price-example').innerHTML = $priceCombined;
        document.getElementById('price-wrong').innerHTML = $priceWrong;
    }

    function isNumeric(n) {
        return !isNaN(parseFloat(n)) && isFinite(n);
    }

    function priceTypeSelect() {
        $type = document.querySelector('input[name="item_price_type"]:checked').value;
        $currency = document.getElementById('item-currency');
        $price = document.getElementById('item-price');
        $tax = document.getElementById('item-tax');
        $unitOfMeasurement = document.getElementById('item-unit-of-measurement');
        $textPrice = document.getElementById('item-text-price');

        if ($type == 'price') {
            $currency.disabled = false;
            $price.disabled = false;
            $tax.disabled = false;
            $unitOfMeasurement.disabled = false;
            $textPrice.disabled = true;
            $textPrice.value = '';
        }

        if ($type == 'text') {
            $currency.disabled = true;
            $currency.value = '';
            $price.disabled = true;
            $price.value = '';
            $tax.disabled = true;
            $tax.value = '';
            $unitOfMeasurement.disabled = true;
            $unitOfMeasurement.value = '';
            $textPrice.disabled = false;
        }
    }

    setTimeout(function () {
        priceCombine();
        priceTypeSelect();
    }, 0)
</script>