@extends('layouts.admin')

@section('title', __('admin.settings.title') . ' - MentoraMind')

@section('content')
<div class="page-header">
    <h1>⚙️ {{ __('admin.settings.title') }}</h1>
    <p>{{ __('admin.settings.subtitle') }}</p>
</div>

@if(session('success'))
<div class="alert alert-success alert-dismissible fade show" role="alert">
    <i class="bi bi-check-circle"></i> {{ session('success') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">{{ __('admin.settings.ai.title') }}</h5>
            </div>
            <div class="card-body">
                <form action="{{ route('admin.settings.update') }}" method="POST">
                    @csrf
                    @method('PUT')
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="ai_provider" class="form-label">{{ __('admin.settings.ai.provider') }}</label>
                                <select class="form-select" id="ai_provider" name="ai_provider" required>
                                    <option value="deepseek" selected>DeepSeek</option>
                                </select>
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="ai_model" class="form-label">{{ __('admin.settings.ai.model') }}</label>
                                <select class="form-select" id="ai_model" name="ai_model" required>
                                    <option value="deepseek-r1" selected>deepseek-r1 (R1)</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    
                    <div class="mb-3">
                        <label for="api_key" class="form-label">{{ __('admin.settings.ai.api_key') }}</label>
                        <input type="password" class="form-control" id="api_key" name="api_key" 
                               placeholder="{{ __('admin.settings.ai.api_key_placeholder') }}">
                        <small class="text-muted">{{ __('admin.settings.ai.api_key_help') }}</small>
                    </div>
                    
                    @if($activeModel)
                    <div class="alert alert-info">
                        <i class="bi bi-info-circle"></i>
                        <strong>{{ __('admin.settings.ai.current_model') }}:</strong> DeepSeek R1 ({{ $activeModel->model_identifier }})<br>
                        <strong>{{ __('admin.settings.ai.status') }}:</strong> <span class="badge bg-success">{{ __('admin.settings.ai.active') }}</span>
                    </div>
                    @endif
                    
                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-save"></i> {{ __('admin.settings.ai.save_button') }}
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection