@extends('layouts.app')

@section('title', 'SEU CRM - OpenAI Settings')

@section('content')
<div class="my-4 page-header-breadcrumb d-flex align-items-center justify-content-between flex-wrap gap-2">
    <div>
        <h1 class="page-title fw-medium fs-18 mb-2">OpenAI ChatGPT Settings</h1>
        <ol class="breadcrumb mb-0">
            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="{{ route('settings.index') }}">Settings</a></li>
            <li class="breadcrumb-item active" aria-current="page">OpenAI</li>
        </ol>
    </div>
</div>

<div class="row">
    <div class="col-xl-8">
        <div class="card custom-card">
            <div class="card-header">
                <div class="card-title">OpenAI ChatGPT Configuration</div>
            </div>
            <div class="card-body">
                @if(session('success'))
                    <div class="alert alert-success">{{ session('success') }}</div>
                @endif

                <form method="POST" action="{{ route('settings.openai.store') }}">
                    @csrf
                    
                    <div class="mb-3">
                        <label class="form-label">OpenAI API Key</label>
                        <input type="password" name="openai_api_key" class="form-control" 
                               value="{{ $settings->openai_api_key }}" 
                               placeholder="sk-...">
                        <div class="form-text">Get your API key from <a href="https://platform.openai.com/api-keys" target="_blank">OpenAI Platform</a></div>
                    </div>

                    <div class="mb-3">
                        <label class="form-label">Model</label>
                        <select name="openai_model" class="form-select">
                            <option value="gpt-4" {{ $settings->openai_model == 'gpt-4' ? 'selected' : '' }}>GPT-4</option>
                            <option value="gpt-4-turbo" {{ $settings->openai_model == 'gpt-4-turbo' ? 'selected' : '' }}>GPT-4 Turbo</option>
                            <option value="gpt-3.5-turbo" {{ $settings->openai_model == 'gpt-3.5-turbo' ? 'selected' : '' }}>GPT-3.5 Turbo</option>
                        </select>
                    </div>

                    <div class="mb-3">
                        <div class="form-check">
                            <input type="checkbox" name="openai_enabled" class="form-check-input" 
                                   {{ $settings->openai_enabled ? 'checked' : '' }}>
                            <label class="form-check-label">Enable ChatGPT Integration</label>
                        </div>
                    </div>

                    <button type="submit" class="btn btn-primary">Save Settings</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection