@extends('admin.setting.index')

@section('setting-content')
    <form class="col-12 col-md-9 d-flex flex-column" action="{{ route('admin.setting.update-nodejs') }}" method="post">
        @csrf
        <div class="card-body">
            <h2>{{ __(key: 'AI Chatbot') }}</h2>
            {{-- <small class="text-muted">
                {{ __('Please restart the signaling server after making any changes to this section.') }}
            </small> --}}

            {{-- <div class="row mb-3 mt-3">
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="form-label">{{ __('SSL Key Path') }}
                            <i class="bi bi-info-circle-fill" data-bs-toggle="tooltip" data-bs-placement="right"
                                title="{{ __('Path to your SSL key') }}"></i>
                        </label>
                        <input type="text" name="KEY_PATH" class="form-control @error('KEY_PATH') is-invalid @enderror"
                            maxlength="100" value="{{ old('KEY_PATH') ?? getSetting('KEY_PATH') }}"
                            placeholder="{{ __('Key Path') }}">
                        @error('KEY_PATH')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="form-label">{{ __('SSL Certificate Path') }}
                            <i class="bi bi-info-circle-fill" data-bs-toggle="tooltip" data-bs-placement="right"
                                title="{{ __('Path to your SSL certificate') }}"></i>
                        </label>
                        <input type="text" name="CERT_PATH" class="form-control @error('CERT_PATH') is-invalid @enderror"
                            value="{{ old('CERT_PATH') ?? getSetting('CERT_PATH') }}" maxlength="100"
                            placeholder="{{ __('SSL Certificate Path') }}">
                        @error('CERT_PATH')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                </div>
            </div>
            <div class="row mb-3">
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="form-label">{{ __('Port') }}
                            <i class="bi bi-info-circle-fill" data-bs-toggle="tooltip" data-bs-placement="right"
                                title="{{ __('Port to run NodeJS on') }}"></i>
                        </label>
                        <input type="number" min="10" max="9999" name="PORT" maxlength="4"
                            class="form-control @error('PORT') is-invalid @enderror"
                            value="{{ old('PORT') ?? getSetting('PORT') }}" placeholder="{{ __('Port') }}">
                        @error('PORT')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                </div>
            </div>
            <hr> --}}

            <div class="row mb-3">
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="form-label">{{ __('AI Chatbot') }}
                            <i class="bi bi-info-circle-fill" data-bs-toggle="tooltip" data-bs-placement="right"
                                title="{{ __('Choose the AI chatbot that best suits your needs.') }}"></i>
                        </label>
                        <select name="AI_CHATBOT" class="form-select" placeholder="{{ __('Select Option') }}">
                            <option value="" selected>{{ __('Select Option') }}</option>
                            @foreach (config('ai-chatbots') as $chatbot)
                                <option value="{{ $chatbot }}" @selected(getSetting('AI_CHATBOT') == $chatbot)>
                                    {{ __($chatbot) }}
                                </option>
                            @endforeach
                        </select>
                        @error('AI_CHATBOT')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="form-label">{{ __('AI Chatbot API Key') }}
                            <i class="bi bi-info-circle-fill" data-bs-toggle="tooltip" data-bs-placement="right"
                                title="{{ __('You can find the steps to generate an API key in the documentation.') }}"></i>
                        </label>
                        <input type="text" name="AI_CHATBOT_API_KEY" maxlength="200"
                            class="form-control @error('AI_CHATBOT_API_KEY') is-invalid @enderror"
                            value="{{ old('AI_CHATBOT_API_KEY') ?? getSetting('AI_CHATBOT_API_KEY') }}"
                            placeholder="{{ __('AI Chatbot API Key') }}">
                        @error('AI_CHATBOT_API_KEY')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                </div>

            </div>
            <div class="row mb-3">
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="form-label">{{ __('AI Chatbot Model') }}
                            <i class="bi bi-info-circle-fill" data-bs-toggle="tooltip" data-bs-placement="right"
                                title="{{ __('Refer to the documentation to select the model that best suits your needs.') }}"></i>
                        </label>
                        <input type="text" name="AI_CHATBOT_MODEL" maxlength="100"
                            class="form-control @error('AI_CHATBOT_MODEL') is-invalid @enderror"
                            value="{{ old('AI_CHATBOT_MODEL') ?? getSetting('AI_CHATBOT_MODEL') }}"
                            placeholder="{{ __('AI Chatbot Model') }}">
                        @error('AI_CHATBOT_MODEL')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="form-label">{{ __('AI Chatbot Seconds') }}
                            <i class="bi bi-info-circle-fill" data-bs-toggle="tooltip" data-bs-placement="right"
                                title="{{ __('The number of seconds a user must wait before sending another message.') }}"></i>
                        </label>
                        <input type="number" name="AI_CHATBOT_SECONDS" maxlength="3"
                            class="form-control @error('AI_CHATBOT_SECONDS') is-invalid @enderror"
                            value="{{ old('AI_CHATBOT_SECONDS') ?? getSetting('AI_CHATBOT_SECONDS') }}"
                            placeholder="{{ __('AI Chatbot Seconds') }}">
                        @error('AI_CHATBOT_SECONDS')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                </div>
            </div>
            <div class="row mb-3">
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="form-label">{{ __('AI Chatbot Message Limit') }}
                            <i class="bi bi-info-circle-fill" data-bs-toggle="tooltip" data-bs-placement="right"
                                title="{{ __('The maximum number of messages a user can send during a meeting.') }}"></i>
                        </label>
                        <input type="number" name="AI_CHATBOT_MESSAGE_LIMIT" maxlength="3"
                            class="form-control @error('AI_CHATBOT_MESSAGE_LIMIT') is-invalid @enderror"
                            value="{{ old('AI_CHATBOT_MESSAGE_LIMIT') ?? getSetting('AI_CHATBOT_MESSAGE_LIMIT') }}"
                            placeholder="{{ __('AI Chatbot Message Limit') }}">
                        @error('AI_CHATBOT_MESSAGE_LIMIT')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="form-label">{{ __('AI Chatbot Maximum Conversation Length') }}
                            <i class="bi bi-info-circle-fill" data-bs-toggle="tooltip" data-bs-placement="right"
                                title="{{ __('The maximum number of recent messages sent to AI Chatbot') }}"></i>
                        </label>
                        <input type="number" name="AI_CHATBOT_MAX_CONVERSATION_LENGTH" maxlength="3"
                            class="form-control @error('AI_CHATBOT_MAX_CONVERSATION_LENGTH') is-invalid @enderror"
                            value="{{ old('AI_CHATBOT_MAX_CONVERSATION_LENGTH') ?? getSetting('AI_CHATBOT_MAX_CONVERSATION_LENGTH') }}"
                            placeholder="{{ __('AI Chatbot Maximum Conversation Length') }}">
                        @error('AI_CHATBOT_MAX_CONVERSATION_LENGTH')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                </div>
            </div>
        </div>
        <div class="card-footer bg-transparent">
            <div class="btn-list justify-content-end">
                <button type="submit" name="submit" class="btn btn-primary mt-3">{{ __('Save') }}</button>
            </div>
        </div>
    </form>
@endsection