@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">{{ __('einvoicing.settings.legal_entity') }}</h3>
            </div>
            <div>@include('admin/shared/input', ['name' => 'billing_legal_name', 'label' => __('einvoicing.profile.legal_name'), 'value' => setting('billing_legal_name')])</div>
            <div>@include('admin/shared/input', ['name' => 'billing_siren', 'label' => __('einvoicing.profile.siren'), 'value' => setting('billing_siren')])</div>
            <div>@include('admin/shared/input', ['name' => 'billing_siret', 'label' => __('einvoicing.profile.siret'), 'value' => setting('billing_siret'), 'optional' => true])</div>
            <div>@include('admin/shared/input', ['name' => 'billing_vat_number', 'label' => __('einvoicing.profile.vat_number'), 'value' => setting('billing_vat_number'), 'optional' => true])</div>
            <div>@include('admin/shared/select', ['name' => 'billing_operation_category', 'label' => __('einvoicing.settings.operation_category'), 'options' => ['goods' => __('einvoicing.settings.goods'), 'services' => __('einvoicing.settings.services'), 'mixed' => __('einvoicing.settings.mixed')], 'value' => setting('billing_operation_category', 'services')])</div>
            <div>@include('admin/shared/checkbox', ['name' => 'billing_vat_on_debits', 'label' => __('einvoicing.settings.vat_on_debits'), 'value' => setting('billing_vat_on_debits', false)])</div>
            <div>@include('admin/shared/input', ['name' => 'billing_address', 'label' => __('einvoicing.settings.seller_street'), 'value' => setting('billing_address', setting('app_address'))])</div>
            <div>@include('admin/shared/input', ['name' => 'billing_address2', 'label' => __('einvoicing.settings.seller_address2'), 'value' => setting('billing_address2'), 'optional' => true])</div>
            <div>@include('admin/shared/input', ['name' => 'billing_zipcode', 'label' => __('einvoicing.settings.seller_zipcode'), 'value' => setting('billing_zipcode')])</div>
            <div>@include('admin/shared/input', ['name' => 'billing_city', 'label' => __('einvoicing.settings.seller_city'), 'value' => setting('billing_city')])</div>
            <div>@include('admin/shared/select', ['name' => 'billing_country', 'label' => __('einvoicing.settings.seller_country'), 'help' => __('einvoicing.settings.seller_country_help'), 'options' => $billingCountries, 'value' => setting('billing_country', 'FR')])</div>
            <div class="col-span-3"><h3 class="font-semibold uppercase text-gray-600 dark:text-gray-400">{{ __('einvoicing.settings.electronic_section') }}</h3></div>
            <div>@include('admin/shared/checkbox', ['name' => 'einvoicing_enabled', 'label' => __('einvoicing.settings.enabled'), 'value' => setting('einvoicing_enabled', false)])</div>
            <div>@include('admin/shared/select', ['name' => 'einvoicing_provider', 'label' => __('einvoicing.settings.provider'), 'options' => collect(app(\App\Services\Billing\ElectronicProviderRegistry::class)->all())->filter(fn ($provider) => in_array('b2b', $provider->capabilities(), true))->mapWithKeys(fn ($provider, $key) => [$key => strtoupper($key)])->all(), 'value' => setting('einvoicing_provider', 'local')])</div>
            <div>@include('admin/shared/select', ['name' => 'einvoicing_b2g_provider', 'label' => __('einvoicing.settings.b2g_provider'), 'options' => collect(app(\App\Services\Billing\ElectronicProviderRegistry::class)->all())->filter(fn ($provider) => in_array('b2g', $provider->capabilities(), true))->mapWithKeys(fn ($provider, $key) => [$key => strtoupper($key)])->all(), 'value' => setting('einvoicing_b2g_provider', app(\App\Services\Billing\ElectronicProviderRegistry::class)->has('chorus-pro') ? 'chorus-pro' : 'local')])</div>
            <div>@include('admin/shared/select', ['name' => 'einvoicing_vat_regime', 'label' => __('einvoicing.settings.vat_regime'), 'options' => collect(['real_normal_monthly', 'real_normal_quarterly', 'simplified', 'franchise_base'])->mapWithKeys(fn ($regime) => [$regime => __('einvoicing.settings.regimes.'.$regime)])->all(), 'value' => setting('einvoicing_vat_regime', 'real_normal_monthly')])</div>
            <div>@include('admin/shared/input', ['name' => 'einvoicing_timezone', 'label' => __('einvoicing.settings.timezone'), 'value' => setting('einvoicing_timezone', 'Europe/Paris')])</div>
            <div>@include('admin/shared/input', ['name' => 'einvoicing_activation_date', 'label' => __('einvoicing.settings.activation_date'), 'help' => __('einvoicing.settings.activation_date_help'), 'type' => 'date', 'value' => setting('einvoicing_activation_date'), 'optional' => true])</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 class="col-span-2">
                <h3 class="font-semibold uppercase text-gray-600 dark:text-gray-400">{{ __('store.title') }}</h3>
                @include('admin/shared/checkbox', ['label' => __('billing.admin.settings.fields.store_enabled'), 'name' => 'store_enabled', 'value' => setting('store_enabled', 'true')])
                @include('admin/shared/input', ['label' => __('billing.admin.settings.fields.store_redirect_url'), 'name' => 'store_redirect_url', 'value' => setting('store_redirect_url')])
            </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