@extends('admin.layouts.app')

@section('panel')
    <div class="row">
        <div class="col-lg-12">
            <div class="card mb-4">
                <form action="{{ route('admin.gateway.manual.update', isset($method->code) ? $method->code : '') }}"
                    method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="card-body">
                        <div class="payment-method-item">
                            <div class="row mt-4">
                                <div class="col-md-8 col-sm-12">
                                    <div class="row">
                                        <div class="col-md-4 col-sm-12">
                                            <div class="form-group">
                                                <label>{{ __('Name') }}</label>
                                                <input type="text" class="form-control" name="name"
                                                    value="{{ isset($method->name) ? $method->name : '' }}" required />
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-sm-12">
                                            <div class="form-group">
                                                <label>{{ __('Currency') }}</label>
                                                <div class="input-group">
                                                    <input type="text" name="currency" class="form-control border-radius-5"
                                                        value="{{ isset($method->singleCurrency->currency) ? $method->singleCurrency->currency : '' }}"
                                                        required />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-sm-12">
                                            <div class="form-group">
                                                <label>{{ __('Dollar Rate') }}</label>
                                                <div class="input-group">
                                                    <span class="input-group-text bg--primary">1
                                                        {{ isset($general->cur_text) ? __($general->cur_text) : '' }}
                                                        =</span>
                                                    <input type="text" class="form-control" name="rate"
                                                        value="{{ isset($method->singleCurrency->rate) ? getAmount($method->singleCurrency->rate) : '' }}"
                                                        required />
                                                    <span class="currency_symbol input-group-text bg--primary"></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="card border mb-2">
                                                <h5 class="card-header">{{ __('Limit') }}</h5>
                                                <div class="card-body">
                                                    <div class="form-group">
                                                        <label>{{ __('Min') }}</label>
                                                        <div class="input-group">
                                                            <input type="text" class="form-control" name="min_limit"
                                                                value="{{ isset($method->singleCurrency->min_amount) ? getAmount($method->singleCurrency->min_amount) : '' }}"
                                                                required />
                                                            <span
                                                                class="input-group-text bg--primary">{{ isset($general->cur_text) ? __($general->cur_text) : '' }}</span>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label>{{ __('Max') }}</label>
                                                        <div class="input-group">
                                                            <input type="text" class="form-control" name="max_limit"
                                                                value="{{ isset($method->singleCurrency->max_amount) ? getAmount($method->singleCurrency->max_amount) : '' }}"
                                                                required />
                                                            <span
                                                                class="input-group-text bg--primary">{{ isset($general->cur_text) ? __($general->cur_text) : '' }}</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="card border">
                                                <h5 class="card-header">{{ __('Transaction Charge') }}</h5>
                                                <div class="card-body">
                                                    <div class="form-group">
                                                        <label>{{ __('Fixed') }}</label>
                                                        <div class="input-group">
                                                            <input type="text" class="form-control" name="fixed_charge"
                                                                value="{{ isset($method->singleCurrency->fixed_charge) ? getAmount($method->singleCurrency->fixed_charge) : '' }}"
                                                                required />
                                                            <span
                                                                class="input-group-text bg--primary">{{ isset($general->cur_text) ? __($general->cur_text) : '' }}</span>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label>{{ __('Percentage') }}</label>
                                                        <div class="input-group">
                                                            <input type="text" class="form-control" name="percent_charge"
                                                                value="{{ isset($method->singleCurrency->percent_charge) ? getAmount($method->singleCurrency->percent_charge) : '' }}"
                                                                required />
                                                            <span class="input-group-text bg--primary">%</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-sm-12">
                                    <div class="card border my-2">
                                        <h5 class="card-header">{{ __('Special Instructions') }}</h5>
                                        <div class="card-body">
                                            <div class="form-group">
                                                <textarea rows="3" class="form-control trumEdit border-radius-5"
                                                    name="instruction">{{ isset($method->description) ? $method->description : '' }}</textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="payment-method-body">
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="card border mt-3">
                                            <div class="card-header d-flex justify-content-between">
                                                <h5>{{ __('User Input Fields') }}</h5>
                                                <button type="button"
                                                    class="btn btn-sm bg--primary float-end form-generate-btn">
                                                    <i class="la la-fw la-plus"></i>{{ __('Add New') }}
                                                </button>
                                            </div>
                                            <div class="card-body">
                                                <div class="row addedField">
                                                    @if(isset($form) && isset($form->form_data) && is_iterable($form->form_data))
                                                        @foreach($form->form_data as $formData)
                                                            <div class="col-md-4">
                                                                <div class="card border mb-3" id="{{ $loop->index }}">
                                                                    <input type="hidden" name="form_generator[is_required][]"
                                                                        value="{{ $formData->is_required ?? '' }}">
                                                                    <input type="hidden" name="form_generator[extensions][]"
                                                                        value="{{ $formData->extensions ?? '' }}">
                                                                    <input type="hidden" name="form_generator[options][]"
                                                                        value="{{ isset($formData->options) ? implode(',', (array) $formData->options) : '' }}">
                                                                    @php
                                                                        $jsonData = json_encode([
                                                                            'type' => $formData->type ?? '',
                                                                            'is_required' => $formData->is_required ?? '',
                                                                            'label' => $formData->name ?? '',
                                                                            'extensions' => isset($formData->extensions) ? explode(',', $formData->extensions) : [],
                                                                            'options' => $formData->options ?? [],
                                                                            'old_id' => '',
                                                                        ]);
                                                                    @endphp
                                                                    <div class="card-body">
                                                                        <div class="form-group text-end">
                                                                            <button type="button"
                                                                                class="btn btn--primary editFormData"
                                                                                data-form_item="{{ $jsonData }}"
                                                                                data-update_id="{{ $loop->index }}"><i
                                                                                    class="las la-pen"></i></button>
                                                                            <button type="button"
                                                                                class="btn btn--danger removeFormData"><i
                                                                                    class="las la-times"></i></button>
                                                                        </div>
                                                                        <div class="form-group">
                                                                            <label>{{ __('Label') }}</label>
                                                                            <input type="text" name="form_generator[form_label][]"
                                                                                class="form-control"
                                                                                value="{{ $formData->name ?? '' }}" readonly>
                                                                        </div>
                                                                        <div class="form-group">
                                                                            <label>{{ __('Type') }}</label>
                                                                            <input type="text" name="form_generator[form_type][]"
                                                                                class="form-control"
                                                                                value="{{ $formData->type ?? '' }}" readonly>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endforeach
                                                    @else
                                                        <div class="col-md-12">
                                                            <p class="text-muted">{{ __('No user input fields available.') }}
                                                            </p>
                                                        </div>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer text-end">
                        <button type="submit" class="btn btn--primary btn-global">{{ __('Save') }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <x-form-generator></x-form-generator>
@endsection
@push('style')
    <style>
        .trumbowyg-box,
        .trumbowyg-editor {
            min-height: 239px !important;
            height: 239px;
        }
    </style>
@endpush
@push('script')
    <script>
        "use strict"
        var formGenerator = new FormGenerator();
        formGenerator.totalField = {{ $form ? count((array) $form->form_data) : 0 }}
    </script>

    <script src="{{ asset('assets/common/js/form_actions.js') }}"></script>
@endpush



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

@push('style')
    <style>
        .btn-sm {
            line-height: 5px;
        }
    </style>
@endpush

@push('script')
    <script>

            (function ($) {
                "use strict";

                $('input[name=currency]').on('input', function () {
                    $('.currency_symbol').text($(this).val());
                });
                $('.currency_symbol').text($('input[name=currency]').val());

                @if (old('currency'))
                    $('input[name=currency]').trigger('input');
                @endif
        })(jQuery);

    </script>
@endpush