@foreach ($stores as $store)
    <div class="item col-12" data-categories='@json($store['category_ids'])' data-sub-categories='@json($store['sub_categories'])'>
        <a href="#" class="item-link" data-service="{{ $store['type'] }}" data-id="{{ $store['id'] }}">
            <div class="item-card" style="background-color:{{ $theme->product_bg }}">
                <picture>
                    <source type="image/avif" data-srcset="{{ $store['logo']['avif'] }}" />
                    <source type="image/webp" data-srcset="{{ $store['logo']['webp'] }}" />

                    <div class="img-wrapper">
                        <img class="lazy" data-src="{{ $store['logo']['default'] }}" />

                        @if ($store['default_branch_closed'])
                            <div class="overlay">
                                <span>@lang('global.is_closed')</span>
                            </div>
                        @endif
                    </div>
                </picture>

                <div class="item-data">
                    <p class="title" style="color:{{ $theme->product_title_font }}">
                        {{ $store['title'] }}
                    </p>

                    <span class="list-content" style="color:{{ $theme->product_description_font }}">
                        <p class="category">
                            <i class="las la-tags"></i>

                            @if ($store['type'] === 'restaurant')
                                {{ $store['category_title'] }}
                                <span class="sub-categories">({{ $store['categories_titles'] }})</span>
                            @else
                                {{ $store['categories_titles'] }}
                            @endif

                        </p>

                        @if (session()->get("metadata.$branch->id.order_type") === 'delivery')
                            <p class="delivery-fees">
                                <span>
                                    <i class="las la-motorcycle"></i>

                                    @if ($store['delivery_fees'])
                                        {{ $store['delivery_fees'] }}
                                        <span class="icon-saudi_riyal"></span>
                                    @else
                                        @lang('global.free')
                                    @endif
                                </span>

                                @if ($store['delivery_time_from'])
                                    <span>|</span>
                                    <span>
                                        <i class="las la-stopwatch"></i>

                                        {{ $store['delivery_time_from'] }} @lang('global.minutes')

                                        @if ($store['delivery_time_to'])
                                            - {{ $store['delivery_time_to'] }} @lang('global.minutes')
                                        @endif
                                    </span>
                                @endif
                            </p>
                        @endif

                        @if ($store['default_branch'])
                            <p class="open-closed">
                                <i class="las la-door-open"></i>
                                @lang('global.' . ($store['default_branch_closed'] ? 'is_closed' : 'is_open'))
                            </p>
                        @endif

                        @if ($store['tag'])
                            <div class="tag" style="background-color: {{ $store['tag']->background_color }};color: {{ $store['tag']->font_color }};">
                                {{ $store['tag']->title }}
                            </div>
                        @endif
                    </span>
                </div>
            </div>
        </a>
    </div>
@endforeach