@php
    // Label mapping untuk bahasa Indonesia
    $labelMap = [
        'self_service_platform_fee' => 'Biaya Platform Self Service',
        'self_service_platform_fee_percent' => 'Persentase Biaya Platform',
        'shared_api_per_minute' => 'Rate Limit API Shared (per menit)',
        'self_service_api_per_minute' => 'Rate Limit API Self Service (per menit)',
        'dedicated_api_per_minute' => 'Rate Limit API Dedicated (per menit)',
        'global_api_per_minute' => 'Rate Limit API Global (per menit)',
    ];
    
    $descriptionMap = [
        'self_service_platform_fee' => 'Biaya tetap per pesan untuk paket Self Service (dalam Rupiah)',
        'self_service_platform_fee_percent' => 'Persentase tambahan dari biaya pesan Meta',
        'shared_api_per_minute' => 'Maksimal request API per menit untuk paket Shared',
        'self_service_api_per_minute' => 'Maksimal request API per menit untuk paket Self Service',
        'dedicated_api_per_minute' => 'Maksimal request API per menit untuk paket Dedicated',
        'global_api_per_minute' => 'Batas default jika tidak ada setting khusus',
    ];
    
    $label = $labelMap[$setting['key']] ?? ($setting['label'] ?? ucwords(str_replace('_', ' ', $setting['key'])));
    $description = $descriptionMap[$setting['key']] ?? ($setting['description'] ?? '');
@endphp

<div class="mb-4">
    <label class="form-label fw-semibold" for="{{ $groupKey }}_{{ $setting['key'] }}">
        {{ $label }}
    </label>
    
    @if($setting['type'] === 'boolean')
        <div class="form-check form-switch">
            <input type="hidden" 
                   name="settings[{{ $groupKey }}][{{ $setting['key'] }}]" 
                   value="0">
            <input class="form-check-input" 
                   type="checkbox" 
                   name="settings[{{ $groupKey }}][{{ $setting['key'] }}]"
                   value="1"
                   id="{{ $groupKey }}_{{ $setting['key'] }}"
                   style="width: 2.5rem; height: 1.25rem;"
                   {{ $setting['value'] ? 'checked' : '' }}>
            <label class="form-check-label ms-2" for="{{ $groupKey }}_{{ $setting['key'] }}">
                {{ $setting['value'] ? 'Aktif' : 'Nonaktif' }}
            </label>
        </div>
    @elseif($setting['type'] === 'integer')
        <div class="input-group">
            @if(str_contains($setting['key'], 'minute'))
                <span class="input-group-text"><i class="ti ti-clock"></i></span>
            @endif
            <input type="number" 
                   class="form-control" 
                   name="settings[{{ $groupKey }}][{{ $setting['key'] }}]"
                   value="{{ $setting['value'] }}"
                   id="{{ $groupKey }}_{{ $setting['key'] }}"
                   step="1"
                   min="0">
            @if(str_contains($setting['key'], 'minute'))
                <span class="input-group-text">/ menit</span>
            @elseif(str_contains($setting['key'], 'days'))
                <span class="input-group-text">hari</span>
            @endif
        </div>
    @elseif($setting['type'] === 'float')
        <div class="input-group">
            @if(str_contains($setting['key'], 'fee') && !str_contains($setting['key'], 'percent'))
                <span class="input-group-text">Rp</span>
            @endif
            <input type="number" 
                   class="form-control" 
                   name="settings[{{ $groupKey }}][{{ $setting['key'] }}]"
                   value="{{ $setting['value'] }}"
                   id="{{ $groupKey }}_{{ $setting['key'] }}"
                   step="0.01"
                   min="0">
            @if(str_contains($setting['key'], 'percent'))
                <span class="input-group-text">%</span>
            @endif
        </div>
    @elseif($setting['type'] === 'password')
        <div class="input-group">
            <input type="password" 
                   class="form-control" 
                   name="settings[{{ $groupKey }}][{{ $setting['key'] }}]"
                   value="{{ $setting['value'] }}"
                   id="{{ $groupKey }}_{{ $setting['key'] }}"
                   autocomplete="off">
            <button class="btn btn-outline-secondary btn-toggle-password" type="button" data-target="{{ $groupKey }}_{{ $setting['key'] }}">
                <i class="ti ti-eye"></i>
            </button>
        </div>
    @elseif($setting['type'] === 'textarea')
        <textarea class="form-control" 
                  name="settings[{{ $groupKey }}][{{ $setting['key'] }}]"
                  id="{{ $groupKey }}_{{ $setting['key'] }}"
                  rows="3">{{ $setting['value'] }}</textarea>
    @else
        <input type="text" 
               class="form-control" 
               name="settings[{{ $groupKey }}][{{ $setting['key'] }}]"
               value="{{ $setting['value'] }}"
               id="{{ $groupKey }}_{{ $setting['key'] }}">
    @endif

    @if($description)
        <small class="text-muted d-block mt-1">
            <i class="ti ti-info-circle me-1"></i>{{ $description }}
        </small>
    @endif
</div>