@extends('layouts.appv2') @section('content') <div class="container"> <div class="row mb-3"> <div class="col-md-12"> <h2>Tambah API Configuration</h2> </div> </div> @if(session('error')) <div class="alert alert-danger alert-dismissible fade show"> {{ session('error') }} <button type="button" class="btn-close" data-bs-dismiss="alert"></button> </div> @endif <div class="card"> <div class="card-body"> <form action="{{ route('configurations.store') }}" method="POST"> @csrf <div class="row"> <div class="col-md-6"> <div class="mb-3"> <label class="form-label">Domain <span class="text-danger">*</span></label> <select name="domain_id" class="form-select @error('domain_id') is-invalid @enderror" required> <option value="">-- Pilih Domain --</option> @foreach($domains as $domain) <option value="{{ $domain->id }}" {{ old('domain_id') == $domain->id ? 'selected' : '' }}> {{ $domain->domain_name }} </option> @endforeach </select> @error('domain_id') <div class="invalid-feedback">{{ $message }}</div> @enderror </div> </div> <div class="col-md-6"> <div class="mb-3"> <label class="form-label">API Provider <span class="text-danger">*</span></label> <select name="provider_id" class="form-select @error('provider_id') is-invalid @enderror" required> <option value="">-- Pilih Provider --</option> @foreach($providers as $provider) <option value="{{ $provider->id }}" {{ old('provider_id') == $provider->id ? 'selected' : '' }}> {{ $provider->provider_display_name }} ({{ $provider->provider_type }}) </option> @endforeach </select> @error('provider_id') <div class="invalid-feedback">{{ $message }}</div> @enderror </div> </div> </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') }}" placeholder="Enter API key" required> <small class="text-muted">Will be encrypted automatically</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') }}" placeholder="Optional secret key"> <small class="text-muted">Optional - Will be encrypted if provided</small> @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" placeholder='{"region": "asia", "version": "v1"}'>{{ old('additional_config') }}</textarea> <small class="text-muted">Optional JSON configuration</small> @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', 1) }}" min="1" required> <small class="text-muted">Lower = higher priority (1 = first)</small> @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', 3) }}" min="0" max="10"> <small class="text-muted">Default: 3</small> @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', 30) }}" min="5" max="300"> <small class="text-muted">Default: 30s</small> @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', true) ? '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> Simpan </button> <a href="{{ route('configurations.index') }}" class="btn btn-secondary"> <i class="fas fa-times"></i> Batal </a> </div> </form> </div> </div> </div> @endsection