<div class="box @if (!empty($class)) {{ $class }} @else box-solid @endif" id="accordion">
    <div class="box-header with-border" style="cursor: pointer;">
        <h3 class="box-title">
            <a data-toggle="collapse" data-parent="#accordion" href="#collapseFilter">
                @if (!empty($icon))
                    {!! $icon !!}
                @else
                    <i class="fa fa-filter" aria-hidden="true"></i>
                @endif {{ $title ?? '' }}
            </a>
        </h3>
    </div>
    @php
        // if(isMobile()) {
        $closed = true;
        // }
    @endphp
    <div id="collapseFilter" class="panel-collapse active collapse @if (empty($closed)) in @endif" aria-expanded="true">
        <div class="box-body">
            {{ $slot }}
        </div>
    </div>
</div>
