@php($record = $record ?? null)

<div class="row g-9 mb-7">
    <div class="col-md-4">
        <label class="required form-label">{{ trans('core.settings_page.scope') }}</label>
        <select id="setting_scope" name="scope" class="form-select @error('scope') is-invalid @enderror">
            <option value="system" {{ old('scope', $record->scope ?? 'system') == 'system' ? 'selected' : '' }}>{{ trans('core.settings_page.scope_system') }}</option>
            <option value="branch" {{ old('scope', $record->scope ?? '') == 'branch' ? 'selected' : '' }}>{{ trans('core.settings_page.scope_branch') }}</option>
        </select>
        @error('scope')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-4" id="setting_branch_wrap">
        <label class="form-label">{{ trans('core.settings_page.branch') }}</label>
        <select name="branch_id" class="form-select @error('branch_id') is-invalid @enderror" data-control="select2">
            <option value="">—</option>
            @foreach($branches as $branch)
                <option value="{{ $branch->id }}" {{ old('branch_id', $record->branch_id ?? '') == $branch->id ? 'selected' : '' }}>
                    {{ $branch->name }}
                </option>
            @endforeach
        </select>
        @error('branch_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-4">
        <label class="required form-label">{{ trans('core.settings_page.type') }}</label>
        <select name="type" class="form-select @error('type') is-invalid @enderror">
            @foreach(['string', 'integer', 'float', 'boolean', 'json'] as $type)
                <option value="{{ $type }}" {{ old('type', $record->type ?? 'string') == $type ? 'selected' : '' }}>{{ $type }}</option>
            @endforeach
        </select>
        @error('type')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
</div>

<div class="row g-9 mb-7">
    <div class="col-md-6">
        <label class="required form-label">{{ trans('core.settings_page.key') }}</label>
        <input type="text" name="key" class="form-control @error('key') is-invalid @enderror"
               value="{{ old('key', $record->key ?? '') }}" placeholder="e.g. sales.default_tax_rate">
        @error('key')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-6">
        <label class="form-label">{{ trans('core.settings_page.group') }}</label>
        <input type="text" name="group" class="form-control @error('group') is-invalid @enderror"
               value="{{ old('group', $record->group ?? '') }}" placeholder="e.g. sales">
        @error('group')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
</div>

<div class="row g-9 mb-7">
    <div class="col-md-12">
        <label class="form-label">{{ trans('core.settings_page.value') }}</label>
        <textarea name="value" rows="3" class="form-control @error('value') is-invalid @enderror">{{ old('value', $record && !$record->is_encrypted ? $record->value : '') }}</textarea>
        <div class="text-muted fs-7 mt-2">{{ trans('core.settings_page.value_help') }}</div>
        @if($record?->is_encrypted)
            <div class="text-warning fs-7 mt-1">{{ trans('core.settings_page.is_encrypted') }} — {{ trans('core.settings_page.is_encrypted_help') }}</div>
        @endif
        @error('value')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
</div>

<div class="mb-7">
    <div class="form-check form-check-custom form-check-solid">
        <input type="hidden" name="is_encrypted" value="0">
        <input class="form-check-input" type="checkbox" name="is_encrypted" value="1" id="is_encrypted"
               {{ old('is_encrypted', $record->is_encrypted ?? false) ? 'checked' : '' }}>
        <label class="form-check-label" for="is_encrypted">{{ trans('core.settings_page.is_encrypted') }}</label>
    </div>
    <div class="text-muted fs-7 mt-1">{{ trans('core.settings_page.is_encrypted_help') }}</div>
</div>