@csrf

<div class="mb-3">
    <label for="key" class="form-label">Setting Key</label>
    <input type="text" class="form-control @error('key') is-invalid @enderror" id="key" name="key" value="{{ old('key', $setting->key ?? '') }}" required {{ isset($setting) ? 'readonly' : '' }}>
    @error('key')
        <div class="invalid-feedback">{{ $message }}</div>
    @enderror
</div>

<div class="mb-3">
    <label for="value" class="form-label">Setting Value</label>
    <textarea class="form-control @error('value') is-invalid @enderror" id="value" name="value" rows="3">{{ old('value', $setting->value ?? '') }}</textarea>
    @error('value')
        <div class="invalid-feedback">{{ $message }}</div>
    @enderror
</div>

<div class="row">
    <div class="col-md-6 mb-3">
        <label for="group" class="form-label">Group</label>
        <input type="text" class="form-control @error('group') is-invalid @enderror" id="group" name="group" value="{{ old('group', $setting->group ?? 'general') }}" required>
        @error('group')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6 mb-3">
        <label for="type" class="form-label">Value Type</label>
        <select class="form-select @error('type') is-invalid @enderror" id="type" name="type" required>
            <option value="string" {{ old('type', $setting->type ?? 'string') == 'string' ? 'selected' : '' }}>String</option>
            <option value="boolean" {{ old('type', $setting->type ?? 'string') == 'boolean' ? 'selected' : '' }}>Boolean</option>
            <option value="integer" {{ old('type', $setting->type ?? 'string') == 'integer' ? 'selected' : '' }}>Integer</option>
            <option value="json" {{ old('type', $setting->type ?? 'string') == 'json' ? 'selected' : '' }}>JSON</option>
        </select>
        @error('type')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>
</div>

<div class="mt-3">
    <button type="submit" class="btn btn-primary">Save Setting</button>
    <a href="{{ route('settings.index') }}" class="btn btn-light">Cancel</a>
</div>