@extends('admin.layouts.app')

@section('panel')
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <form action="{{ isset($gateway->code) ? route('admin.gateway.automatic.update', $gateway->code) : '#' }}"
                    method="POST" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="alias" value="{{ isset($gateway->alias) ? $gateway->alias : '' }}">
                    <input type="hidden" name="description"
                        value="{{ isset($gateway->description) ? $gateway->description : '' }}">

                    <div class="card">
                        <div class="card-body">
                            <div class="payment-method-item block-item card border--primary">
                                <h5 class="card-header bg--primary">{{ __('Gateway Settings for') }}
                                    {{ isset($gateway->name) ? __($gateway->name) : __('Unknown Gateway') }}
                                </h5>
                                <div class="payment-method-header p-2">
                                    <div class="content ps-0 w-100">
                                        @if(isset($supportedCurrencies) && is_array($supportedCurrencies) && count($supportedCurrencies) > 0)
                                            <div class="d-flex justify-content-between">
                                                <h3>{{ isset($gateway->name) ? __($gateway->name) : __('Unknown Gateway') }}
                                                </h3>
                                                <div class="input-group d-flex flex-wrap justify-content-end width-375">
                                                    <select class="newCurrencyVal">
                                                        <option value="">{{ __('Select currency') }}</option>
                                                        @forelse($supportedCurrencies as $currency => $symbol)
                                                            <option value="{{ $currency }}" data-symbol="{{ $symbol }}">
                                                                {{ __($currency) }}
                                                            </option>
                                                        @empty
                                                            <option value="">{{ __('No available currency support') }}</option>
                                                        @endforelse
                                                    </select>
                                                    <button type="button"
                                                        class="btn btn--primary input-group-text bg--primary newCurrencyBtn"
                                                        data-crypto="{{ isset($gateway->crypto) ? $gateway->crypto : '' }}"
                                                        data-name="{{ isset($gateway->name) ? $gateway->name : '' }}">{{ __('Add new') }}</button>
                                                </div>
                                            </div>
                                        @endif
                                        <p>{{ isset($gateway->description) ? __($gateway->description) : '' }}</p>
                                    </div>
                                </div>

                                @if(isset($gateway->code) && $gateway->code < 1000 && isset($gateway->extra) && is_array($gateway->extra))
                                    <div class="payment-method-body mt-2 px-2">
                                        <h4 class="mb-3">{{ __('Configurations') }}</h4>
                                        <div class="row">
                                            @foreach($gateway->extra as $key => $param)
                                                <div class="form-group col-lg-6">
                                                    <label>{{ isset($param->title) ? __($param->title) : __('Unknown Parameter') }}</label>
                                                    <div class="input-group">
                                                        <input type="text" class="form-control"
                                                            value="{{ isset($param->value) ? route($param->value) : '' }}"
                                                            readonly />
                                                        <button type="button" class="copyInput input-group-text bg--primary"
                                                            title="{{ __('Copy') }}"><i class="fa fa-copy"></i></button>
                                                    </div>
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
                                @endif

                                @if(isset($parameters) && is_object($parameters))
                                    <div class="payment-method-body p-2">
                                        <div class="row">
                                            @foreach($parameters->where('global', true) as $key => $param)
                                                <div class="form-group col-lg-6">
                                                    <label>{{ isset($param->title) ? __($param->title) : __('Unknown Parameter') }}</label>
                                                    <input type="text" class="form-control" name="global[{{ $key }}]"
                                                        value="{{ isset($param->value) ? $param->value : '' }}" required />
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
                                @endif
                            </div>

                            <!-- payment-method-item start -->
                            @if(isset($gateway->currencies) && is_iterable($gateway->currencies))
                                @php $currencyIndex = isset($currencyIndex) ? $currencyIndex : 0; @endphp
                                @foreach($gateway->currencies as $gatewayCurrency)
                                    <div class="card border--primary {{ $loop->index == 0 ? 'mt-5' : '' }} mb-4">
                                        <div class="card-header bg--primary">
                                            <div class="content w-100 ps-0">
                                                <div class="d-flex justify-content-between">
                                                    <div class="form-group">
                                                        <h4 class="bg--primary">
                                                            {{ isset($gateway->name) ? __($gateway->name) : '' }} -
                                                            {{ isset($gatewayCurrency->currency) ? __($gatewayCurrency->currency) : '' }}
                                                        </h4>
                                                        <input type="hidden" class="form-control"
                                                            name="currency[{{ $currencyIndex }}][name]"
                                                            value="{{ isset($gatewayCurrency->name) ? $gatewayCurrency->name : '' }}"
                                                            required />
                                                    </div>
                                                    <div class="remove-btn">
                                                        <button title="{{ __('Remove') }}" type="button"
                                                            class="btn btn--danger configuration-currency confirmationBtn"
                                                            data-question="{{ __('Are you sure to delete this gateway currency?') }}"
                                                            data-action="{{ isset($gatewayCurrency->id) ? route('admin.gateway.automatic.remove', $gatewayCurrency->id) : '#' }}">
                                                            <i class="la la-trash-o"></i>
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-body">
                                            <input type="hidden" name="currency[{{ $currencyIndex }}][symbol]"
                                                value="{{ isset($gatewayCurrency->symbol) ? $gatewayCurrency->symbol : '' }}">
                                            <div class="block-item child--item mb-1">
                                                <div class="payment-method-body">
                                                    <div class="row">
                                                        <div class="col-sm-12 col-md-6 col-lg-6 col-xl-4">
                                                            <div class="mt-2">
                                                                <div class="form-group">
                                                                    <label>{{ __('Min') }}</label>
                                                                    <div class="input-group">
                                                                        <input type="number" step="any" class="form-control"
                                                                            name="currency[{{ $currencyIndex }}][min_amount]"
                                                                            value="{{ isset($gatewayCurrency->min_amount) ? getAmount($gatewayCurrency->min_amount) : '' }}"
                                                                            required />
                                                                        <div class="input-group-text bg--primary">
                                                                            {{ isset($general->cur_text) ? __($general->cur_text) : '' }}
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label>{{ __('Max') }}</label>
                                                                    <div class="input-group">
                                                                        <input type="number" step="any" class="form-control"
                                                                            name="currency[{{ $currencyIndex }}][max_amount]"
                                                                            value="{{ isset($gatewayCurrency->max_amount) ? getAmount($gatewayCurrency->max_amount) : '' }}"
                                                                            required />
                                                                        <div class="input-group-text bg--primary">
                                                                            {{ isset($general->cur_text) ? __($general->cur_text) : '' }}
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-12 col-md-6 col-lg-6 col-xl-4">
                                                            <div class="mt-2">
                                                                <div class="form-group">
                                                                    <label>{{ __('Fixed') }}</label>
                                                                    <div class="input-group">
                                                                        <input type="number" step="any" class="form-control"
                                                                            name="currency[{{ $currencyIndex }}][fixed_charge]"
                                                                            value="{{ isset($gatewayCurrency->fixed_charge) ? getAmount($gatewayCurrency->fixed_charge) : '' }}"
                                                                            required />
                                                                        <div class="input-group-text bg--primary">
                                                                            {{ isset($general->cur_text) ? __($general->cur_text) : '' }}
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label>{{ __('Percentage') }}</label>
                                                                    <div class="input-group">
                                                                        <input type="number" step="any" class="form-control"
                                                                            name="currency[{{ $currencyIndex }}][percent_charge]"
                                                                            value="{{ isset($gatewayCurrency->percent_charge) ? getAmount($gatewayCurrency->percent_charge) : '' }}"
                                                                            required />
                                                                        <div class="input-group-text bg--primary">%</div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-12 col-md-6 col-lg-6 col-xl-4">
                                                            <div class="mt-2">
                                                                <div class="row">
                                                                    <div class="col-md-6">
                                                                        <div class="form-group">
                                                                            <label>{{ __('Currency') }}</label>
                                                                            <input type="text"
                                                                                name="currency[{{ $currencyIndex }}][currency]"
                                                                                class="form-control border-radius-5"
                                                                                value="{{ isset($gatewayCurrency->currency) ? $gatewayCurrency->currency : '' }}"
                                                                                readonly />
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-6">
                                                                        <div class="form-group">
                                                                            <label>{{ __('Symbol') }}</label>
                                                                            <input type="text"
                                                                                name="currency[{{ $currencyIndex }}][symbol]"
                                                                                class="form-control border-radius-5 symbl"
                                                                                value="{{ isset($gatewayCurrency->symbol) ? $gatewayCurrency->symbol : '' }}"
                                                                                data-crypto="{{ isset($gateway->crypto) ? $gateway->crypto : '' }}"
                                                                                required />
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label>{{ __('Dollar Rate') }}</label>
                                                                    <div class="input-group">
                                                                        <div class="input-group-text bg--primary">1
                                                                            {{ isset($general->cur_text) ? __($general->cur_text) : '' }}
                                                                            =
                                                                        </div>
                                                                        <input type="number" step="any" class="form-control"
                                                                            name="currency[{{ $currencyIndex }}][rate]"
                                                                            value="{{ isset($gatewayCurrency->rate) ? getAmount($gatewayCurrency->rate) : '' }}"
                                                                            required />
                                                                        <div class="input-group-text bg--primary">
                                                                            <span
                                                                                class="currency_symbol text-white">{{ isset($gatewayCurrency) && method_exists($gatewayCurrency, 'baseSymbol') ? __($gatewayCurrency->baseSymbol()) : '' }}</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        @if(isset($parameters) && $parameters->where('global', false)->count() > 0)
                                                            @php
                                                                $globalParameters = isset($gatewayCurrency->gateway_parameter) ? json_decode($gatewayCurrency->gateway_parameter, true) : [];
                                                            @endphp
                                                            <div class="col-lg-12">
                                                                <div class="card border--primary mt-4">
                                                                    <h5 class="card-header bg--dark">{{ __('Configuration') }}</h5>
                                                                    <div class="card-body">
                                                                        <div class="row">
                                                                            @foreach($parameters->where('global', false) as $key => $param)
                                                                                <div class="col-md-6">
                                                                                    <div class="form-group">
                                                                                        <label>{{ isset($param->title) ? __($param->title) : __('Unknown Parameter') }}</label>
                                                                                        <input type="text" class="form-control"
                                                                                            name="currency[{{ $currencyIndex }}][param][{{ $key }}]"
                                                                                            value="{{ isset($globalParameters[$key]) ? $globalParameters[$key] : '' }}"
                                                                                            required />
                                                                                    </div>
                                                                                </div>
                                                                            @endforeach
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        @php $currencyIndex++; @endphp
                                @endforeach
                            @endif
                                <!-- payment-method-item end -->

                                <!-- new payment-method-item start -->
                                <div class="card border--primary mt-5 newMethodCurrency d-none">
                                    <h5 class="card-header bg--primary">{{ __('Currency Configuration') }}</h5>
                                    <div class="card-body">
                                        <div class="payment-method-item child--item">
                                            <input disabled type="hidden"
                                                name="currency[{{ isset($currencyIndex) ? $currencyIndex : 0 }}][symbol]"
                                                class="currencySymbol">
                                            <div class="payment-method-header">
                                                <div class="content w-100 ps-0">
                                                    <div class="d-flex justify-content-between">
                                                        <div class="form-group">
                                                            <h4 class="mb-3" id="payment_currency_name">{{ __('Name') }}
                                                            </h4>
                                                            <input disabled type="hidden" class="form-control"
                                                                name="currency[{{ isset($currencyIndex) ? $currencyIndex : 0 }}][name]"
                                                                id="payment_currency_name_input" required />
                                                        </div>
                                                        <div class="remove-btn">
                                                            <button title="{{ __('Remove') }}" type="button"
                                                                class="btn btn-danger newCurrencyRemove">
                                                                <i class="la la-trash-o"></i>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="payment-method-body">
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-6 col-lg-6 col-xl-4">
                                                        <div class="form-group">
                                                            <label>{{ __('Minimum Amount') }}</label>
                                                            <div class="input-group">
                                                                <div class="input-group-text bg--primary">
                                                                    {{ isset($general->cur_text) ? __($general->cur_text) : '' }}
                                                                </div>
                                                                <input disabled type="number" step="any"
                                                                    class="form-control"
                                                                    name="currency[{{ isset($currencyIndex) ? $currencyIndex : 0 }}][min_amount]"
                                                                    required />
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label>{{ __('Maximum Amount') }}</label>
                                                            <div class="input-group">
                                                                <div class="input-group-text bg--primary">
                                                                    {{ isset($general->cur_text) ? __($general->cur_text) : '' }}
                                                                </div>
                                                                <input disabled type="number" step="any"
                                                                    class="form-control"
                                                                    name="currency[{{ isset($currencyIndex) ? $currencyIndex : 0 }}][max_amount]"
                                                                    required />
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-12 col-md-6 col-lg-6 col-xl-4">
                                                        <div class="form-group">
                                                            <label>{{ __('Fixed Charge') }}</label>
                                                            <div class="input-group">
                                                                <div class="input-group-text bg--primary">
                                                                    {{ isset($general->cur_text) ? __($general->cur_text) : '' }}
                                                                </div>
                                                                <input disabled type="number" step="any"
                                                                    class="form-control"
                                                                    name="currency[{{ isset($currencyIndex) ? $currencyIndex : 0 }}][fixed_charge]"
                                                                    required />
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label>{{ __('Percent Charge') }}</label>
                                                            <div class="input-group">
                                                                <div class="input-group-text bg--primary">%</div>
                                                                <input disabled type="number" step="any"
                                                                    class="form-control"
                                                                    name="currency[{{ isset($currencyIndex) ? $currencyIndex : 0 }}][percent_charge]"
                                                                    required />
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-12 col-md-6 col-lg-6 col-xl-4">
                                                        <div class="row">
                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label>{{ __('Currency') }}</label>
                                                                    <input disabled type="text"
                                                                        class="form-control currencyText border-radius-5"
                                                                        name="currency[{{ isset($currencyIndex) ? $currencyIndex : 0 }}][currency]"
                                                                        readonly />
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label>{{ __('Symbol') }}</label>
                                                                    <input disabled type="text"
                                                                        name="currency[{{ isset($currencyIndex) ? $currencyIndex : 0 }}][symbol]"
                                                                        class="form-control border-radius-5 symbl"
                                                                        data-crypto="{{ isset($gateway->crypto) ? $gateway->crypto : '' }}" />
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label>{{ __('Rate') }}</label>
                                                            <div class="input-group">
                                                                <span class="input-group-text bg--primary">
                                                                    <b>1 </b>&nbsp;
                                                                    {{ isset($general->cur_text) ? __($general->cur_text) : '' }}&nbsp;
                                                                    =
                                                                </span>
                                                                <input disabled type="number" step="any"
                                                                    class="form-control"
                                                                    name="currency[{{ isset($currencyIndex) ? $currencyIndex : 0 }}][rate]"
                                                                    required />
                                                                <div class="input-group-text bg--primary"><span
                                                                        class="currency_symbol"></span></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    @if(isset($parameters) && $parameters->where('global', false)->count() > 0)
                                                        <div class="col-lg-12">
                                                            <div class="row">
                                                                @foreach($parameters->where('global', false) as $key => $param)
                                                                    <div class="col-md-6">
                                                                        <div class="form-group">
                                                                            <label>{{ isset($param->title) ? __($param->title) : __('Unknown Parameter') }}</label>
                                                                            <input disabled type="text" class="form-control"
                                                                                name="currency[{{ isset($currencyIndex) ? $currencyIndex : 0 }}][param][{{ $key }}]"
                                                                                required />
                                                                        </div>
                                                                    </div>
                                                                @endforeach
                                                            </div>
                                                        </div>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- new payment-method-item end -->

                                <button type="submit" class="btn btn--primary btn-global my-4 float-end">
                                    {{ __('Save') }}
                                </button>
                            </div>
                        </div>
                </form>
            </div>
        </div>
    </div>


    <x-confirmation-modal></x-confirmation-modal>

@endsection





@push('breadcrumb-plugins')
    <a href="{{ route('admin.gateway.automatic.index') }}" class="btn btn-sm btn--primary"><i
            class="la la-undo"></i>@lang('Back')</a>
@endpush

@push('script')
    <script>
        (function ($) {
            "use strict";

            $('.newCurrencyBtn').on('click', function () {
                var form = $('.newMethodCurrency');
                var getCurrencySelected = $('.newCurrencyVal').find(':selected').val();
                var currency = $(this).data('crypto') == 1 ? 'USD' : `${getCurrencySelected}`;
                if (!getCurrencySelected) return;
                form.find('input').removeAttr('disabled');
                var symbol = $('.newCurrencyVal').find(':selected').data('symbol');
                form.find('.currencyText').val(getCurrencySelected);
                form.find('.currency_symbol').text(currency);
                $('#payment_currency_name').text(`${$(this).data('name')} - ${getCurrencySelected}`);
                $('#payment_currency_name_input').val(`${$(this).data('name')} - ${getCurrencySelected}`);
                form.removeClass('d-none');
                $('html, body').animate({ scrollTop: $('html, body').height() }, 'slow');

                $('.newCurrencyRemove').on('click', function () {
                    form.find('input').val('');
                    form.remove();
                });
            });

            $('.symbl').on('input', function () {
                var curText = $(this).data('crypto') == 1 ? 'USD' : $(this).val();
                $(this).parents('.payment-method-body').find('.currency_symbol').text(curText);
            });

            $('.copyInput').on('click', function (e) {
                var copybtn = $(this);
                var input = copybtn.closest('.input-group').find('input');
                if (input && input.select) {
                    input.select();
                    try {
                        document.execCommand('SelectAll')
                        document.execCommand('Copy', false, null);
                        input.blur();
                        notify('success', `Copied: ${copybtn.closest('.input-group').find('input').val()}`);
                    } catch (err) {
                        alert('Please press Ctrl/Cmd + C to copy');
                    }
                }
            });

        })(jQuery);

    </script>
@endpush