@extends('admin.setting.index')

@section('setting-content')
    <form class="col-12 col-md-9 d-flex flex-column" action="{{ route('admin.setting.update-signaling') }}" method="post">
        @csrf
        <div class="card-body">
            <h2>{{ __(key: 'Signaling') }}</h2>

            <div class="row mb-3">
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="form-label">{{ __('Provider') }}
                            <i class="bi bi-info-circle-fill" data-bs-toggle="tooltip" data-bs-placement="right"
                                title="{{ __('Select the signaling provider used for real-time messaging and meeting features.') }}"></i>
                        </label>
                        <select name="SIGNALING" class="form-select" placeholder="{{ __('Select Option') }}">
                            <option value="supabase" selected>{{ __('Supabase') }}</option>
                        </select>
                        @error('SIGNALING')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="form-label">{{ __('Key') }}
                            <i class="bi bi-info-circle-fill" data-bs-toggle="tooltip" data-bs-placement="right"
                                title="{{ __('Provide the API key associated with the provider you selected.') }}"></i>
                        </label>
                        <input type="text" name="SIGNALING_KEY" maxlength="300"
                            class="form-control @error('SIGNALING_KEY') is-invalid @enderror"
                            value="{{ old('SIGNALING_KEY') ?? getSetting('SIGNALING_KEY') }}"
                            placeholder="{{ __('Signaling Key') }}">
                        @error('SIGNALING_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">{{ __('URL') }}
                            <i class="bi bi-info-circle-fill" data-bs-toggle="tooltip" data-bs-placement="right"
                                title="{{ __('Provide the endpoint URL for the signaling provider you are using.') }}"></i>
                        </label>
                        <input type="text" name="SIGNALING_URL" maxlength="100"
                            class="form-control @error('SIGNALING_URL') is-invalid @enderror"
                            value="{{ old('SIGNALING_URL') ?? getSetting('SIGNALING_URL') }}"
                            placeholder="{{ __('Signaling URL') }}">
                        @error('SIGNALING_URL')
                            <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