@extends('layout.app')

@section('content')

    <ol class="breadcrumb bc-3">
        <li><a href="#"><i class="fa-home"></i>Home</a></li>
        <li class="active"><strong>Agent Settings</strong></li>
    </ol>

    <br/>
    <h3>Agent Settings</h3>
    <br/>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <div class="panel panel-default">
        <div class="panel-heading"><strong>Voice Agent Configuration</strong></div>
        <div class="panel-body">
            <form method="POST" action="{{ route('settings.update') }}">
                @csrf
                @method('PUT')

                <div class="form-group">
                    <label>Voice Model</label>
                    <select name="voice_model" class="form-control">
                        @foreach([
                            'aura-2-orion-en'  => 'Default Orion (Male — energetic)',
                            'aura-2-thalia-en' => 'Thalia (Female — warm)',
                            'aura-2-luna-en'   => 'Luna (Female — soft)',
                            'aura-2-stella-en' => 'Stella (Female — bright)',
                            'aura-2-zeus-en'   => 'Zeus (Male — deep)',
                        ] as $value => $label)
                            <option value="{{ $value }}"
                                {{ ($settings->voice_model ?? '') == $value ? 'selected' : '' }}>
                                {{ $label }}
                            </option>
                        @endforeach
                    </select>
                    <small class="text-muted">Deepgram TTS voice used by the agent.</small>
                </div>

                <div class="form-group">
                    <label>Greeting Message</label>
                    <textarea name="greeting" class="form-control" rows="3"
                              maxlength="300">{{ old('greeting', $settings->greeting ?? '') }}</textarea>
                    <small class="text-muted">First thing the agent says when call connects. Max 300 chars.</small>
                </div>

                <hr/>
                <button type="submit" class="btn btn-primary">
                    <i class="fa fa-save"></i> Save Settings
                </button>
            </form>
        </div>
    </div>

@endsection