@php
    $id = $brand->brands_data_id;
    $isSelected = $brandRules[$id]['selected'] ?? false;
    $isSaved = $brandRules[$id]['saved'] ?? false;
@endphp

<div class="row align-items-center mb-2 pb-2 border-bottom {{ $isSelected ? 'bg-white shadow-sm rounded' : '' }}" 
     style="transition: all 0.3s; @if($isSelected) border-left: 4px solid #0d6efd; @endif">
    
    <div class="col-md-3 d-flex align-items-center">
        <div class="form-check">
            <input class="form-check-input" type="checkbox" wire:model.live="brandRules.{{ $id }}.selected" id="brand_{{ $id }}">
            <label class="form-check-label ms-2 {{ $isSelected ? 'fw-bold text-dark' : 'text-secondary' }}" for="brand_{{ $id }}">
                {{ $brand->brand_name_en }}
                @if($isSaved) <i class="feather icon-check-circle text-success ms-1" title="Saved"></i> @endif
            </label>
        </div>
    </div>

    <div class="col-md-3">
        @if($isSelected)
            <div class="input-group input-group-sm">
                <span class="input-group-text">Disc %</span>
                <input type="number" class="form-control" wire:model="brandRules.{{ $id }}.discount" placeholder="0" step="0.1" min="0" max="100">
            </div>
        @endif
    </div>

    <div class="col-md-3">
        @if($isSelected)
            <div class="input-group input-group-sm">
                <span class="input-group-text">M Limit</span>
                <input type="number" class="form-control" wire:model="brandRules.{{ $id }}.monthly" placeholder="Amount" step="0.1">
            </div>
        @endif
    </div>

    <div class="col-md-3">
        @if($isSelected)
            <div class="input-group input-group-sm">
                <span class="input-group-text">D Limit</span>
                <input type="number" class="form-control" wire:model="brandRules.{{ $id }}.daily" placeholder="Amount" step="0.1">
            </div>
        @endif
    </div>
</div>