<div @class(['homeya-box', $class ?? null]) @if ($project->latitude && $project->longitude) data-lat="{{ $project->latitude }}" data-lng="{{ $project->longitude }}" @endif>
    <div class="archive-top">
        <a href="{{ $project->url }}" class="images-group">
            <div class="images-style">
                {{ RvMedia::image($project->image, $project->name, 'medium-rectangle') }}
            </div>
            <div class="top">
                <div class="d-flex gap-8">
                    @if($project->is_featured)
                        <span class="flag-tag success">{{ __('Featured') }}</span>
                    @endif
                </div>
                @if (RealEstateHelper::isEnabledWishlist())
                    <button type="button" class="box-icon w-32"
                            data-type="project"
                            data-bb-toggle="add-to-wishlist"
                            data-id="{{ $project->getKey() }}"
                            data-add-message="{{ __('Added ":name" to wishlist successfully!', ['name' => $project->name]) }}"
                            data-remove-message="{{ __('Removed ":name" from wishlist successfully!', ['name' => $project->name]) }}"
                    >
                        <x-core::icon name="ti ti-heart" />
                    </button>
                @endif
            </div>
            @if($project->category)
                <div class="bottom">
                    <span class="flag-tag style-2">{{ $project->category->name }}</span>
                </div>
            @endif
        </a>
        <div class="content">
            <div class="text-capitalize h7 fw-7">
                <a href="{{ $project->url }}" class="link line-clamp-1" title="{{ $project->name }}">{!! BaseHelper::clean($project->name) !!}</a>
            </div>
            @if($project->short_address)
                <div class="desc">
                    <i class="icon icon-mapPin"></i>
                    <p class="line-clamp-1">{{ $project->short_address }}</p>
                </div>
            @endif

            <ul class="meta-list">
                @if($project->number_block)
                    <li class="item">
                        <x-core::icon name="ti ti-packages" />
                        <span>{{ number_format($project->number_block) }}</span>
                    </li>
                @endif
                @if($project->number_floor)
                    <li class="item">
                        <x-core::icon name="ti ti-stairs" />
                        <span>{{ number_format($project->number_floor) }}</span>
                    </li>
                @endif
                @if($project->number_flat)
                    <li class="item">
                        <x-core::icon name="ti ti-building" />
                        <span>{{ number_format($project->number_flat) }}</span>
                    </li>
                @endif
            </ul>
        </div>
    </div>
    <div class="archive-bottom d-flex justify-content-between align-items-center">
        <div class="d-flex align-items-center">
            <h6>{{ $project->formatted_price }}</h6>
        </div>
    </div>
</div>
