@extends('admin.settings.sidebar')
@section('title', __('billing.admin.settings.title'))
@section('script')
    <script>

        const toggleVatField = function(value)
        {
            const fixedRateField = document.querySelector("select[name='vat_default_country']");
            if (value === 'vat_rate_fixed') {
                fixedRateField.closest('.parent').classList.remove('hidden');
            } else {
                fixedRateField.closest('.parent').classList.add('hidden');
            }
        }
        document.addEventListener('DOMContentLoaded', function () {
            const vatRateField = document.querySelector("select[name='store_vat_rate']");
            toggleVatField(vatRateField.value);
            vatRateField.addEventListener('change', function(e) {
                toggleVatField(e.target.value);
            });
        });
    </script>
@endsection
@section('setting')
    <div class="card">
        <h4 class="font-semibold uppercase text-gray-600 dark:text-gray-400">
            {{ __('billing.admin.settings.title')  }}
        </h4>
        <p class="mb-2 font-semibold text-gray-600 dark:text-gray-400">
            {{ __('billing.admin.settings.description') }}
        </p>

        <form action="{{ route('admin.settings.store.billing.save') }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PUT')
            <div class="grid gap-6 mt-4 md:grid-cols-3">
                <div>
                    @include('admin/shared/input', ['label' => __('billing.admin.settings.fields.toslink'), 'name' => 'checkout_toslink', 'value' => setting('checkout_toslink'), 'translatable' => setting_is_saved('checkout_toslink')])
                </div>
                <div>
                    @include('admin/shared/select', ['label' => __('global.currency'), 'name' => 'store_currency', 'options' => $currencies, 'value' => setting('store_currency', 'EUR')])
                </div>
                <div class="col-span-2">
                    @include('admin/shared/textarea', ['name'=> 'app_address', 'label' => __('admin.settings.core.app.fields.app_address'), 'value' => setting('app_address'), 'translatable' => setting_is_saved('app_address')])
                </div>
                <div>
                    @include('admin/shared/textarea', ['name'=> 'invoice_terms', 'label' => __('admin.settings.core.app.fields.invoice_terms'), 'value' => setting('invoice_terms', 'You can change this details in Invoice configuration.'), 'translatable' => setting_is_saved('invoice_terms')])
                </div>
                <div>
                    @include('admin/shared/select', ['label' => __('billing.admin.settings.fields.billing_mode'), 'name' => 'billing_mode', 'value' => setting('billing_mode'), 'options' => $billing_modes])
                    <div class="mt-2">

                    @include('admin/shared/checkbox', ['label' => __('billing.admin.settings.fields.allow_add_balance_to_invoices'), 'name' => 'allow_add_balance_to_invoices', 'value' => setting('allow_add_balance_to_invoices', 'true')])
                    </div>
                </div>

                <div>
                    @include('admin/shared/input', ['label' => __('billing.admin.settings.fields.invoice_prefix'), 'name' => 'billing_invoice_prefix', 'value' => setting('billing_invoice_prefix')])
                    <div class="mt-2">
                    @include('admin/shared/checkbox', ['label' => __('billing.admin.settings.fields.customermustbeconfirmed'), 'name' => 'checkout_customermustbeconfirmed', 'value' => setting('checkout_customermustbeconfirmed')])
                    </div>
                </div>

                <div>
                    <label for="remove_pending_invoice" class="block text-sm font-medium leading-6 text-gray-900 dark:text-gray-400 mt-2">{{ __('billing.admin.settings.fields.remove_pending_invoice') }}</label>
                    <div class="relative mt-2">
                        <div class="absolute inset-y-0 end-0 flex items-center text-gray-500 pe-px">
                            <label for="remove_pending_invoice_type" class="sr-only">{{ __('global.actions') }}</label>
                            <select id="remove_pending_invoice_type" name="remove_pending_invoice_type" class="store w-full border-transparent rounded-lg focus:ring-indigo-500 focus:border-indigo-500 dark:bg-gray-700 dark:border-gray-700 dark:text-gray-400">
                                <option value="delete" @if(setting('remove_pending_invoice_type', 'cancel') == 'delete') selected @endif>{{ __('billing.admin.settings.fields.remove_pending_invoice_types.delete') }}</option>
                                <option value="cancel" @if(setting('remove_pending_invoice_type', 'cancel') == 'cancel') selected @endif>{{ __('billing.admin.settings.fields.remove_pending_invoice_types.cancel') }}</option>
                            </select>
                        </div>
                        <input type="text" id="remove_pending_invoice" name="remove_pending_invoice" class="py-3 px-4 ps-9 pe-20 input-text" placeholder="0.00" value="{{ setting('remove_pending_invoice', 0) }}">

                    </div>
                    <p class="text-sm text-gray-500 mt-2">
                        {{ __('billing.admin.settings.fields.remove_pending_invoice_help') }}
                    </p>
                </div>
                <div class="col-span-3">
                    <h3 class="font-semibold uppercase text-gray-600 dark:text-gray-400">{{ __('billing.admin.settings.tax') }}</h3>
                </div>
                <div class="col-span-3">
                    @include('admin/shared/checkbox', ['label' => __('billing.admin.settings.fields.store_vat_enabled'), 'name' => 'store_vat_enabled', 'value' => setting('store_vat_enabled')])
                </div>

                <div>
                    @include('admin/shared/select', ['label' => __('billing.admin.settings.fields.display_product_price.title'), 'name' => 'display_product_price', 'options' => $options, 'value' => setting('display_product_price')])
                    @include('admin/shared/select', ['label' => __('billing.admin.settings.fields.store_mode_tax.title'), 'name' => 'store_mode_tax', 'options' => $options, 'value' => setting('store_mode_tax')])
                </div>
                <div>
                    @include('admin/shared/select', ['label' => __('billing.admin.settings.fields.rates.title'), 'name' => 'store_vat_rate', 'value' => setting('store_vat_rate'), 'options' => $rates])
                </div>
                <div>
                    <div class="parent">
                        @include('admin/shared/select', ['label' => __('billing.admin.settings.fields.vat_default_country'), 'name' => 'vat_default_country', 'value' => env('STORE_DEFAULT_COUNTRY', 'FR'), 'options' => $countries])
                    </div>
                </div>
                <div class="col-span-2">
                    <div class="flex justify-between">

                    <h3 class="font-semibold uppercase text-gray-600 dark:text-gray-400">{{ __('billing.admin.settings.webhookoncheckout') }}</h3>

                    <div class="hs-tooltip [--trigger:click]">
                        <div class="hs-tooltip-toggle block text-center">
                            <button type="button" class="inline-flex items-center gap-x-2 text-sm font-semibold rounded-lg border border-transparent text-blue-600 hover:text-blue-800 disabled:opacity-50 disabled:pointer-events-none dark:text-blue-500 dark:hover:text-blue-400">
                                {{ __('global.preview') }}
                                <svg class="flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                    <path d="m18 15-6-6-6 6"></path>
                                </svg>
                            </button>

                            <div class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible hidden opacity-0 transition-opacity absolute invisible z-10 max-w-xs w-full bg-white border border-gray-100 text-start rounded-xl shadow-md dark:bg-neutral-800 dark:border-neutral-700" role="tooltip">
                                <div class="p-4">
                                    <div class="mb-3 flex justify-between items-center gap-x-3">
                                        <img src="https://cdn.clientxcms.com/ressources/docs/order.png">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    </div>
                    @include('admin/shared/password', ['label' => __('webhook.url'), 'name' => 'store_checkout_webhook_url', 'value' => setting('store_checkout_webhook_url')])
                </div>
                <div class="col-span-2">

                <h3 class="font-semibold uppercase text-gray-600 dark:text-gray-400">{{ __('billing.admin.upgrades.title') }}</h3>
                @include('admin/shared/checkbox', ['label' => __('billing.admin.settings.fields.add_setupfee_on_upgrade'), 'name' => 'add_setupfee_on_upgrade', 'value' => setting('add_setupfee_on_upgrade', 'true')])
                @include('admin/shared/input', ['label' => __('billing.admin.settings.fields.minimum_days_to_force_renewal_with_upgrade'), 'name' => 'minimum_days_to_force_renewal_with_upgrade', 'value' => setting('minimum_days_to_force_renewal_with_upgrade', 3), 'type' => 'number', 'min' => 0, 'max' => 365, 'step' => 1])
                </div>
            </div>
            <button type="submit" class="btn btn-primary mt-2">{{ __('global.save') }}</button>
        </form>

    @include('admin/translations/settings-overlay', ['keys' => $keys, 'class' => \App\Models\Admin\Setting::class, 'id' => 0])
@endsection