@extends('panel.layout.settings')
@section('title', __('StableDiffusion Settings'))
@section('titlebar_actions', '')

@section('additional_css')
    <link
        href="{{ custom_theme_url('/assets/libs/select2/select2.min.css') }}"
        rel="stylesheet"
    />
@endsection

@section('settings')
    <form
        id="settings_form"
        onsubmit="return stablediffusionSettingsSave();"
        enctype="multipart/form-data"
    >
        <h3 class="mb-[25px] text-[20px]">{{ __('StableDiffusion Settings') }}</h3>

        <div class="row">
            <div class="col-md-12">
                <div class="mb-3">
                    <x-forms.input
                        class:container="mb-2"
                        id="stable_hidden"
                        type="checkbox"
                        name="stable_hidden"
                        :checked="setting('stable_hidden') == 1"
                        label="{{ __('Hide StableDiffusion from AI Image') }}"
                        switcher
                    />
                </div>
            </div>
            <!-- TODO stablediffusion API KEY -->
            @if ($app_is_demo)
                <div class="col-md-12">
                    <div class="mb-3">
                        <label class="form-label">{{ __('StableDiffusion API Secret') }}</label>
                        <input
                            class="form-control"
                            id="stable_diffusion_api_key"
                            type="text"
                            name="stable_diffusion_api_key"
                            value="*********************"
                        >
                    </div>
                </div>
            @else
                <div class="col-md-12">
                    <div
                        class="form-control mb-3 border-none p-0 [&_.select2-selection--multiple]:!rounded-[--tblr-border-radius] [&_.select2-selection--multiple]:!border-[--tblr-border-color] [&_.select2-selection--multiple]:!p-[1em_1.23em]">
                        <label class="form-label">{{ __('StableDiffusion API Secret') }}</label>
                        <select
                            class="form-control select2"
                            id="stable_diffusion_api_key"
                            name="stable_diffusion_api_key"
                            multiple
                        >
                            @foreach (explode(',', $settings_two->stable_diffusion_api_key) ?? [] as $secret)
                                {{-- if null then pass --}}
                                @if ($secret == null)
                                    @continue
                                @endif
                                <option
                                    value="{{ $secret }}"
                                    selected
                                >{{ $secret }}</option>
                            @endforeach
                        </select>

                        <x-alert class="mt-2">
                            <p>
                                {{ __('You can enter as much API KEY as you want. Click "Enter" after each api key.') }}
                            </p>
                        </x-alert>
                        <x-alert class="mt-2">
                            <p>
                                {{ __('Please ensure that your stable diffusion API key is fully functional and billing defined on your stable diffusion account.') }}
                            </p>
                        </x-alert>
                        <a
                            class="btn btn-primary mb-2 mt-2 w-full"
                            href="{{ route('dashboard.admin.settings.stablediffusion.test') }}"
                            target="_blank"
                        >
                            {{ __('After Saving Setting, Click Here to Test Your Api Keys') }}
                        </a>
                    </div>
                </div>
            @endif

            <div class="col-md-12">
                <div class="mb-3">
                    <label class="form-label">{{ __('Default stablediffusion Language') }}</label>
                    <select
                        class="form-select"
                        id="stablediffusion_default_language"
                        name="stablediffusion_default_language"
                    >
                        <option
                            value="ar-AE"
                            {{ $settings_two->stablediffusion_default_language == 'ar-AE' ? 'selected' : null }}
                        >
                            {{ __('Arabic') }}</option>
                        <option value="cmn-CN"{{ $settings_two->stablediffusion_default_language == 'cmn-CN' ? 'selected' : null }}>
                            {{ __('Chinese (Mandarin)') }}
                        </option>
                        <option
                            value="hr-HR"
                            {{ $settings_two->stablediffusion_default_language == 'hr-HR' ? 'selected' : null }}
                        >
                            {{ __('Croatian (Croatia)') }}</option>
                        <option
                            value="cs-CZ"
                            {{ $settings_two->stablediffusion_default_language == 'cs-CZ' ? 'selected' : null }}
                        >
                            {{ __('Czech (Czech Republic)') }}</option>
                        <option
                            value="da-DK"
                            {{ $settings_two->stablediffusion_default_language == 'da-DK' ? 'selected' : null }}
                        >
                            {{ __('Danish (Denmark)') }}</option>
                        <option
                            value="nl-NL"
                            {{ $settings_two->stablediffusion_default_language == 'nl-NL' ? 'selected' : null }}
                        >
                            {{ __('Dutch (Netherlands)') }}</option>
                        <option
                            value="en-US"
                            {{ $settings_two->stablediffusion_default_language == 'en-US' ? 'selected' : null }}
                        >
                            {{ __('English (USA)') }}</option>
                        <option
                            value="et-EE"
                            {{ $settings_two->stablediffusion_default_language == 'et-EE' ? 'selected' : null }}
                        >
                            {{ __('Estonian (Estonia)') }}</option>
                        <option
                            value="fi-FI"
                            {{ $settings_two->stablediffusion_default_language == 'fi-FI' ? 'selected' : null }}
                        >
                            {{ __('Finnish (Finland)') }}</option>
                        <option
                            value="fr-FR"
                            {{ $settings_two->stablediffusion_default_language == 'fr-FR' ? 'selected' : null }}
                        >
                            {{ __('French (France)') }}</option>
                        <option
                            value="de-DE"
                            {{ $settings_two->stablediffusion_default_language == 'de-DE' ? 'selected' : null }}
                        >
                            {{ __('German (Germany)') }}</option>
                        <option
                            value="el-GR"
                            {{ $settings_two->stablediffusion_default_language == 'el-GR' ? 'selected' : null }}
                        >
                            {{ __('Greek (Greece)') }}</option>
                        <option
                            value="he-IL"
                            {{ $settings_two->stablediffusion_default_language == 'he-IL' ? 'selected' : null }}
                        >
                            {{ __('Hebrew (Israel)') }}</option>
                        <option
                            value="hi-IN"
                            {{ $settings_two->stablediffusion_default_language == 'hi-IN' ? 'selected' : null }}
                        >
                            {{ __('Hindi (India)') }}</option>
                        <option
                            value="hu-HU"
                            {{ $settings_two->stablediffusion_default_language == 'hu-HU' ? 'selected' : null }}
                        >
                            {{ __('Hungarian (Hungary)') }}</option>
                        <option
                            value="is-IS"
                            {{ $settings_two->stablediffusion_default_language == 'is-IS' ? 'selected' : null }}
                        >
                            {{ __('Icelandic (Iceland)') }}</option>
                        <option
                            value="id-ID"
                            {{ $settings_two->stablediffusion_default_language == 'id-ID' ? 'selected' : null }}
                        >
                            {{ __('Indonesian (Indonesia)') }}</option>
                        <option
                            value="it-IT"
                            {{ $settings_two->stablediffusion_default_language == 'it-IT' ? 'selected' : null }}
                        >
                            {{ __('Italian (Italy)') }}</option>
                        <option
                            value="ja-JP"
                            {{ $settings_two->stablediffusion_default_language == 'ja-JP' ? 'selected' : null }}
                        >
                            {{ __('Japanese (Japan)') }}</option>
                        <option
                            value="kk-KZ"
                            {{ $settings_two->stablediffusion_default_language == 'kk-KZ' ? 'selected' : null }}
                        >
                            {{ __('Kazakh') }}</option>
                        <option
                            value="ko-KR"
                            {{ $settings_two->stablediffusion_default_language == 'ko-KR' ? 'selected' : null }}
                        >
                            {{ __('Korean (South Korea)') }}</option>
                        <option
                            value="ms-MY"
                            {{ $settings_two->stablediffusion_default_language == 'ms-MY' ? 'selected' : null }}
                        >
                            {{ __('Malay (Malaysia)') }}</option>
                        <option
                            value="nb-NO"
                            {{ $settings_two->stablediffusion_default_language == 'nb-NO' ? 'selected' : null }}
                        >
                            {{ __('Norwegian (Norway)') }}</option>
                        <option
                            value="pl-PL"
                            {{ $settings_two->stablediffusion_default_language == 'pl-PL' ? 'selected' : null }}
                        >
                            {{ __('Polish (Poland)') }}</option>
                        <option
                            value="pt-BR"
                            {{ $settings_two->stablediffusion_default_language == 'pt-BR' ? 'selected' : null }}
                        >
                            {{ __('Portuguese (Brazil)') }}</option>
                        <option
                            value="pt-PT"
                            {{ $settings_two->stablediffusion_default_language == 'pt-PT' ? 'selected' : null }}
                        >
                            {{ __('Portuguese (Portugal)') }}</option>
                        <option
                            value="ro-RO"
                            {{ $settings_two->stablediffusion_default_language == 'ro-RO' ? 'selected' : null }}
                        >
                            {{ __('Romanian (Romania)') }}</option>
                        <option
                            value="ru-RU"
                            {{ $settings_two->stablediffusion_default_language == 'ru-RU' ? 'selected' : null }}
                        >
                            {{ __('Russian (Russia)') }}</option>
                        <option
                            value="sl-SI"
                            {{ $settings_two->stablediffusion_default_language == 'sl-SI' ? 'selected' : null }}
                        >
                            {{ __('Slovenian (Slovenia)') }}</option>
                        <option
                            value="es-ES"
                            {{ $settings_two->stablediffusion_default_language == 'es-ES' ? 'selected' : null }}
                        >
                            {{ __('Spanish (Spain)') }}</option>
                        <option
                            value="es-MX"
                            {{ $settings_two->stablediffusion_default_language == 'es-ES' ? 'selected' : null }}
                        >
                            {{ __('Spanish (Mexico)') }}</option>
                        <option
                            value="sw-KE"
                            {{ $settings_two->stablediffusion_default_language == 'sw-KE' ? 'selected' : null }}
                        >
                            {{ __('Swahili (Kenya)') }}</option>
                        <option
                            value="sv-SE"
                            {{ $settings_two->stablediffusion_default_language == 'sv-SE' ? 'selected' : null }}
                        >
                            {{ __('Swedish (Sweden)') }}</option>
                        <option
                            value="tr-TR"
                            {{ $settings_two->stablediffusion_default_language == 'tr-TR' ? 'selected' : null }}
                        >
                            {{ __('Turkish (Turkey)') }}</option>
                        <option
                            value="th-TH"
                            {{ $settings_two->stablediffusion_default_language == 'th-TH' ? 'selected' : null }}
                        >
                            {{ __('Thai (Thailand)') }}</option>
                        <option
                            value="vi-VN"
                            {{ $settings_two->stablediffusion_default_language == 'vi-VN' ? 'selected' : null }}
                        >
                            {{ __('Vietnamese (Vietnam)') }}</option>
                    </select>
                </div>
            </div>

            <div class="col-md-12">
                <div class="mb-3">
                    <label class="form-label">{{ __('Stablediffusion default model') }}</label>
                    <select
                        class="form-select"
                        id="stablediffusion_default_model"
                        name="stablediffusion_default_model"
                        onchange="toggleBedrockModel(this.value)"
                    >
                        <option
                            value="stable-diffusion-xl-1024-v0-9"
                            {{ $settings_two->stablediffusion_default_model == 'stable-diffusion-xl-1024-v0-9' ? 'selected' : null }}
                        >
                            {{ __('Stable Diffusion XL 0.9') }}</option>
                        <option value="stable-diffusion-xl-1024-v1-0"{{ $settings_two->stablediffusion_default_model == 'stable-diffusion-xl-1024-v1-0' ? 'selected' : null }}>
                            {{ __('Stable Diffusion XL 1.0') }}</option>
                        <option
                            value="stable-diffusion-v1-6"
                            {{ $settings_two->stablediffusion_default_model == 'stable-diffusion-v1-6' ? 'selected' : null }}
                        >
                            {{ __('Stable Diffusion 1.6') }}</option>
                        <option
                            value="stable-diffusion-xl-beta-v2-2-2"
                            {{ $settings_two->stablediffusion_default_model == 'stable-diffusion-xl-beta-v2-2-2' ? 'selected' : null }}
                        >
                            {{ __('Stable Diffusion 2.2.2 Beta') }}</option>

                        <option
                            value="sd3"
                            {{ $settings_two->stablediffusion_default_model == 'sd3' ? 'selected' : null }}
                        >
                            {{ __('Stable Diffusion 3') }}</option>
                        <option
                            value="sd3-turbo"
                            {{ $settings_two->stablediffusion_default_model == 'sd3-turbo' ? 'selected' : null }}
                        >
                            {{ __('Stable Diffusion 3 turbo') }}</option>
                        <option
                                value="sd3-medium"
                                {{ $settings_two->stablediffusion_default_model == 'sd3-medium' ? 'selected' : null }}
                        >
                            {{ __('Stable Diffusion 3 Medium') }}</option>
                        </option>
                        <option
                            value="sd3-large"
                            {{ $settings_two->stablediffusion_default_model == 'sd3-large' ? 'selected' : null }}
                        >
                            {{ __('Stable Diffusion 3 Large') }}</option>
                        </option>
                        <option
                            value="sd3-large-turbo"
                            {{ $settings_two->stablediffusion_default_model == 'sd3-large-turbo' ? 'selected' : null }}
                        >
                            {{ __('Stable Diffusion 3 Large Turbo') }}</option>
                        </option>
                        <option
                            value="core"
                            {{ $settings_two->stablediffusion_default_model == 'core' ? 'selected' : null }}
                        >
                            {{ __('Stable Diffusion Core') }}
                        </option>
                        <option
                            value="ultra"
                            {{ $settings_two->stablediffusion_default_model == 'ultra' ? 'selected' : null }}
                        >
                            {{ __('Stable Diffusion Ultra') }}
                        </option>
                       
                        <option
                            value="{{ \App\Enums\BedrockEngine::BEDROCK->value }}"
                            {{ $settings_two->stablediffusion_default_model == \App\Enums\BedrockEngine::BEDROCK->value ? 'selected' : null }}
                        >
                            {{ __(\App\Enums\BedrockEngine::BEDROCK->label()) }}
                        </option>
                    </select>
                </div>
            </div>

            <div
                class="col-md-12"
                id="stable_bedrock"
                style="display: none;"
            >
                <div class="mb-3">
                    <label class="form-label">{{ __('Default AWS Bedrock Model') }}
                        <x-info-tooltip text="{{ __('To use Bedrock, you must first configure your AWS settings.') }}" />
                    </label>
                    <select
                        class="form-select"
                        id="stablediffusion_bedrock_model"
                        name="stablediffusion_bedrock_model"
                    >
                        <option
                            value="{{ \App\Enums\BedrockEngine::STABLE_DIFFUSION_1->value }}"
                            {{ $settings_two->stablediffusion_bedrock_model == \App\Enums\BedrockEngine::STABLE_DIFFUSION_1->value ? 'selected' : null }}
                        >
                            {{ __(\App\Enums\BedrockEngine::STABLE_DIFFUSION_1->label()) }}
                        </option>
                    </select>
                </div>
            </div>

            {{--
			<div class="col-md-12">
				<div class="mb-3">
					<label class="form-label">{{__('Default Tone of Voice')}}</label>
					<select class="form-select" name="stablediffusion_default_tone_of_voice" id="stablediffusion_default_tone_of_voice">
						<option value="Professional" {{$setting->stablediffusion_default_tone_of_voice == 'Professional' ? 'selected' : null}}>{{__('Professional')}}</option>
						<option value="Funny" {{$setting->openai_default_tone_of_voice == 'Funny' ? 'selected' : null}}>{{__('Funny')}}</option>
						<option value="Casual" {{$setting->stablediffusion_default_tone_of_voice == 'Casual' ? 'selected' : null}}>{{__('Casual')}}</option>
						<option value="Excited" {{$setting->stablediffusion_default_tone_of_voice == 'Excited' ? 'selected' : null}}>{{__('Excited')}}</option>
						<option value="Witty" {{$setting->stablediffusion_default_tone_of_voice == 'Witty' ? 'selected' : null}}>{{__('Witty')}}</option>
						<option value="Sarcastic" {{$setting->stablediffusion_default_tone_of_voice == 'Sarcastic' ? 'selected' : null}}>{{__('Sarcastic')}}</option>
						<option value="Feminine" {{$setting->stablediffusion_default_tone_of_voice == 'Feminine' ? 'selected' : null}}>{{__('Feminine')}}</option>
						<option value="Masculine" {{$setting->stablediffusion_default_tone_of_voice == 'Masculine' ? 'selected' : null}}>{{__('Masculine')}}</option>
						<option value="Bold" {{$setting->stablediffusion_default_tone_of_voice == 'Bold' ? 'selected' : null}}>{{__('Bold')}}</option>
						<option value="Dramatic" {{$setting->stablediffusion_default_tone_of_voice == 'Dramatic' ? 'selected' : null}}>{{__('Dramatic')}}</option>
						<option value="Grumpy" {{$setting->stablediffusion_default_tone_of_voice == 'Grumpy' ? 'selected' : null}}>{{__('Grumpy')}}</option>
						<option value="Secretive" {{$setting->stablediffusion_default_tone_of_voice == 'Secretive' ? 'selected' : null}}>{{__('Secretive')}}</option>
					</select>
				</div>
			</div> --}}

        </div>
        <button
            class="btn btn-primary w-full"
            id="settings_button"
            form="settings_form"
        >
            {{ __('Save') }}
        </button>
    </form>
@endsection

@push('script')
    <script>
        function toggleBedrockModel(value) {
            const bedrockSelect = document.getElementById('stable_bedrock');
            if (value === "aws_bedrock") {
                bedrockSelect.style.display = 'block';
            } else {
                bedrockSelect.style.display = 'none';
            }
        }
        document.addEventListener("DOMContentLoaded", function() {
            const defaultModelSelect = document.getElementById('stablediffusion_default_model');
            toggleBedrockModel(defaultModelSelect.value);
        });
    </script>

    <script src="{{ custom_theme_url('/assets/js/panel/settings.js') }}"></script>
    <script src="{{ custom_theme_url('/assets/libs/select2/select2.min.js') }}"></script>
@endpush