<div class="card col-md-12">
    <div style="padding: 10px 0px;">
        <div class="filter">
            <div class="view-filter">
                <span id="filter-open" style="display: none;" class="filter-open"><i class="fas fa-filter"></i></span>
                <span class="grid active" id="grid"><i class="fas fa-th"></i></span>
                <span class="list" id="list"><i class="fas fa-list"></i></span>
            </div>

            {{-- <div class="short">Sorting By:
                <select style="border: 1px solid gainsboro;" id="sort">
                    @foreach ($lists as $item)
                        <option value="{{$item}}" {{$item == $sort ? 'selected':''}}>{{$item}}</option>
                    @endforeach
                </select>
            </div>
            @push('js')
            <script>
                $(document).ready(function () {
                        
                        
                        $(document).on('change', 'select#sort', function() {
                            let value = $(this).val();
                            $('input[name="sort"]').val(value);
                            $('form#form').submit();
                            console.log($(this).val());
                            
                        });
                });
            </script>
            @endpush --}}

        </div>
    </div>
</div>
