{{-- <li><span class="margin-right-20">{{ $variation->title }}</span></li> --}}

@foreach ($options as $option)
    {{-- <option value="{{ $option->id_variation }}">{{ $option->variation_option_title }}</option> --}}
    {{-- <div class="form-check">
        <input name="{{ $variation->title }}" data-value="{{ $option->title }}"
            onchange="handleFilter('{{ $variation->title }}', '{{ $option->title }}');return false;"
            class="form-check-input" type="checkbox" value=""
            {{ request($variation->title) == $option->title ? 'checked' : '' }} id="flexCheckChecked">
        <label class="form-check-label" for="flexCheckChecked">
            &nbsp; {{ $option->title }}
        </label>
    </div> --}}
@endforeach

<ul>
    @foreach($options as $option)
        <li>
            <a onclick="handleFilter('{{ $variation->title }}', '{{ $option->title }}');return false;" title="{{ $option->title }}"
                style="cursor: pointer; {{ (request($variation->title) == $option->title) ? 'color: #0086b7; font-weight: 700;' : '' }}"
            >
                {{ $option->title }}
            </a>

            @if (request($variation->title) == $option->title)
                <span class="count" style="color: #0086b7; font-weight: 700;">
                    <i class="fa fa-close"></i>
                </span>
            @endif
        </li>
    @endforeach
</ul>