@extends('layouts.appv2')

@section('content')
<div class="container">
    <div class="row mb-3">
        <div class="col-md-12">
            <h2>Edit API Configuration</h2>
        </div>
    </div>

    <div class="card">
        <div class="card-body">
            <form action="{{ route('configurations.update', $configuration->id) }}" method="POST">
                @csrf
                @method('PUT')

                <div class="alert alert-info">
                    <strong>Domain:</strong> {{ $configuration->domain->domain_name }}<br>
                    <strong>Provider:</strong> {{ $configuration->provider->provider_display_name }}
                </div>

                <div class="mb-3">
                    <label class="form-label">API Key <span class="text-danger">*</span></label>
                    <input type="text" name="api_key" class="form-control @error('api_key') is-invalid @enderror" 
                           value="{{ old('api_key', $configuration->api_key) }}" required>
                    <small class="text-muted">Will be re-encrypted on save</small>
                    @error('api_key')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">Secret Key</label>
                    <input type="text" name="secret_key" class="form-control @error('secret_key') is-invalid @enderror" 
                           value="{{ old('secret_key', $configuration->secret_key) }}">
                    @error('secret_key')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="mb-3">
                    <label class="form-label">Additional Config (JSON)</label>
                    <textarea name="additional_config" class="form-control @error('additional_config') is-invalid @enderror" 
                              rows="3">{{ old('additional_config', json_encode($configuration->additional_config)) }}</textarea>
                    @error('additional_config')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="row">
                    <div class="col-md-4">
                        <div class="mb-3">
                            <label class="form-label">Priority <span class="text-danger">*</span></label>
                            <input type="number" name="priority" class="form-control @error('priority') is-invalid @enderror" 
                                   value="{{ old('priority', $configuration->priority) }}" min="1" required>
                            @error('priority')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="mb-3">
                            <label class="form-label">Max Retry</label>
                            <input type="number" name="max_retry" class="form-control @error('max_retry') is-invalid @enderror" 
                                   value="{{ old('max_retry', $configuration->max_retry) }}" min="0" max="10">
                            @error('max_retry')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="mb-3">
                            <label class="form-label">Timeout (seconds)</label>
                            <input type="number" name="timeout_seconds" class="form-control @error('timeout_seconds') is-invalid @enderror" 
                                   value="{{ old('timeout_seconds', $configuration->timeout_seconds) }}" min="5" max="300">
                            @error('timeout_seconds')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="mb-3">
                    <div class="form-check">
                        <input type="checkbox" name="is_active" class="form-check-input" id="is_active" value="1" 
                               {{ old('is_active', $configuration->is_active) ? 'checked' : '' }}>
                        <label class="form-check-label" for="is_active">
                            Active
                        </label>
                    </div>
                </div>

                <div class="d-flex gap-2">
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save"></i> Update
                    </button>
                    <a href="{{ route('configurations.index') }}" class="btn btn-secondary">
                        <i class="fas fa-times"></i> Batal
                    </a>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection