@extends('tenant.settings.general.all-general-settings')

@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', ['items' => [
        __('breadcrumb.general_settings') => route('tenant.settings.general.show-page', ['type' => 'company-information']),
        __('breadcrumb.general_settings') => '#',
    ]])
@endsection

@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => 'settings.general.general-settings'])
@endsection

@section('settings-content')
    <div class="inner-content-layout form-bg-color p-4 rounded-form">
        <h4>@lang('settings/general/general-settings.general_settings')</h4>
        <form action="{{ route('tenant.settings.general.update-general-settings') }}" method="post" id="update_general_settings">
            @csrf
            <div class="row">
                <div class="col-6 col-lg-5 col-xl-4">
                    <label for="default_currency">
                        @lang('settings/general/general-settings.default_currency')
                        <x-tooltip content="{{trans('settings/general/general-settings.default_currency_content')}}"></x-tooltip>
                    </label>
                    <select name="default_currency" id="default_currency">
                        @foreach ($currencies as $currency)
                            <option value="{{ $currency->id }}" {{ ($currency->id == $settings['default_currency'])? 'selected' : '' }}>{{ $currency->name }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="col-6 col-lg-5 col-xl-4">
                    <label for="decimal_places">
                        @lang('settings/general/general-settings.decimal_places')

                        <x-tooltip content="{{trans('settings/general/general-settings.decimal_places_content')}}"></x-tooltip>
                    </label>
                    <select name="decimal_places" id="decimal_places">
                        <option value="0" {{ ($settings['decimal_places'] == 0)? 'selected' : '' }}>0</option>
                        <option value="1" {{ ($settings['decimal_places'] == 1)? 'selected' : '' }}>1</option>
                        <option value="2" {{ ($settings['decimal_places'] == 2)? 'selected' : '' }}>2</option>
                        <option value="3" {{ ($settings['decimal_places'] == 3)? 'selected' : '' }}>3</option>
                    </select>
                </div>
            </div>

            <div class="row mt-2">
                <div class="col-6 col-lg-5 col-xl-4">
                    <label>
                        @lang('settings/general/general-settings.allow_integration_with_Fotara')
                        <x-tooltip content="{{trans('settings/general/general-settings.allow_integration_with_Fotara_content')}}"></x-tooltip>
                    </label>

                    <div class="d-flex">
                        <div>
                            <label for="no_enabled">@lang('settings/general/general-settings.yes')</label>
                            <input type="radio" name="fotara_config[is_enabled]" id="no_enabled" class="custom-checkbox" value="1" {{ ($settings['fotara_config']['is_enabled'])? 'checked' : '' }}>
                        </div>

                        <div style="margin-right: 20px">
                            <label for="yes_enabled">@lang('settings/general/general-settings.no')</label>
                            <input type="radio" name="fotara_config[is_enabled]" id="yes_enabled" class="custom-checkbox" value="0" {{ (!$settings['fotara_config']['is_enabled'])? 'checked' : '' }}>
                        </div>
                    </div>

                    <div class="mt-3 fotara-inputs-layout" style="display: {{ ($settings['fotara_config']['is_enabled'])? '' : 'none' }}">
                        <b class="text-danger">@lang('settings/general/general-settings.fotara_config_note')</b> <br>
                        <div>
                            <label for="fotara_config[company_name]">@lang('settings/general/general-settings.company_name')</label>
                            <input type="text" class="form-control" name="fotara_config[company_name]" placeholder="@lang('settings/general/general-settings.company_name_placeholder')" value="{{ $settings['fotara_config']['company_name'] }}" {{ ($settings['fotara_config']['is_enabled'])? 'required' : '' }}>
                        </div>

                        <div class="mt-2">
                            <label for="fotara_config[income_seq_number]">@lang('settings/general/general-settings.income_seq_number')</label>
                            <input type="text" class="form-control" name="fotara_config[income_seq_number]" placeholder="@lang('settings/general/general-settings.income_seq_number')" value="{{ $settings['fotara_config']['income_seq_number'] }}" {{ ($settings['fotara_config']['is_enabled'])? 'required' : '' }}>
                        </div>

                        <div class="mt-2">
                            <label for="fotara_config[client_id]">@lang('settings/general/general-settings.client_id')</label>
                            <input type="text" class="form-control" name="fotara_config[client_id]" placeholder="@lang('settings/general/general-settings.client_id')" value="{{ $settings['fotara_config']['client_id'] }}" {{ ($settings['fotara_config']['is_enabled'])? 'required' : '' }}>
                        </div>

                        <div class="mt-2">
                            <label for="fotara_config[secret_key]">@lang('settings/general/general-settings.secret_key')</label>
                            <input type="text" class="form-control" name="fotara_config[secret_key]" placeholder="@lang('settings/general/general-settings.secret_key') " value="{{ $settings['fotara_config']['secret_key'] }}" {{ ($settings['fotara_config']['is_enabled'])? 'required' : '' }}>
                        </div>
                    </div>
                </div>
            </div>

            <div class="text-center mt-5">
                <button class="btn orange-btn"> @lang('settings/general/general-settings.edit')</button>
            </div>
        </form>
    </div>
@endsection

@push('script')
    @php $decimal_places = $settings['decimal_places']; @endphp

    <script>
        const decimal_places = @json($decimal_places);
        window.localStorage.setItem('decimal_places', decimal_places);
    </script>
    <script type="module">
        import {confirmAndSubmit} from '/tenancy/assets/js/helpers.js';

        $(() => {
            $('#update_general_settings').on('submit', function(e) {
                e.preventDefault();
                confirmAndSubmit('update_general_settings', {
                    type: 'green'
                });
            });

            $('[name="fotara_config[is_enabled]"]').on('change', function(e) {
                const value = +$(this).val();
                if(value) {
                    $('.fotara-inputs-layout').show();
                    $('.fotara-inputs-layout input').attr('required', true);

                }
                else {
                    $('.fotara-inputs-layout').hide();
                    $('.fotara-inputs-layout input').attr('required', false);
                }
            });
        });
    </script>
@endpush