@php $height = isset($height) ? $height : "375px" @endphp
<div class="jarviswidget" id="wid-chart-id-5"
     data-widget-fullscreenbutton="false" data-widget-editbutton="false"
     data-widget-sortable="false">
    <!-- widget options:
        usage: <div class="jarviswidget" id="wid-id-0" data-widget-editbutton="false" data-widget-colorbutton="false" data-widget-deletebutton="false">

        data-widget-colorbutton="false"
        data-widget-editbutton="false"
        data-widget-togglebutton="false"
        data-widget-deletebutton="false"
        data-widget-fullscreenbutton="false"
        data-widget-custombutton="false"
        data-widget-collapsed="true"
        data-widget-sortable="false"

    -->
    <header>
        <h2>Saved Queries</h2>
    </header>

    <!-- widget div-->
    <div>
        <div class="widget widget-stats" style="height: {{ $height }};" id="saved_queries">

            <div class="stats-list" style="float: left; width: 100%; height: 80%;">
                <div class="list-my-group-2 scrollbar" style="height: 100%; overflow: auto">
                    <div class="body">
                        @foreach($savedQueries as $i => $each)
                            @php $data = $each['data'] @endphp
                            @php $selected = (isset($userIndicatorId) && $userIndicatorId && $each['id'] == $userIndicatorId) ? "bg-orange" : "" @endphp
                            <div class="{{ $selected }} element" id="query_{{ $each['id'] }}" >
                                <div data-clickable onclick="location.href='{{ route("homepage")."#".$each['url'] }}'">{{ $data['indicator_id'] }}</div>
                                <div data-float-right style="margin-left: 10px;">
                                    <a href="#" data-container="#saved_queries .body" data-parent=".element" class="ajax" data-type="remove" data-url="{{ url("indicator/user/{$each['id']}/delete") }}">
                                        <i class="glyphicon glyphicon-remove-sign"></i>
                                    </a>
                                </div>
                                <div data-float-right>{{ $data['periodFrom'] ."-".$data['periodTo'] }}</div>
                                <div style="margin: 0 10px;">
                                @foreach($data['countries'] as $item)
                                    <img src="{{ asset("assets/img/icons/flags/24/{$item}.png") }}" />
                                @endforeach
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>