@if(!empty($unitTypes) && $unitTypes->isNotEmpty())
 <!-- Swiper -->
 <div class="swiper-container ">
    <div class="swiper-wrapper">
    @foreach($unitTypes as $key=>$unitType)
    <div class="swiper-slide g_item">
        <a href="{{ asset('storage/post/' . $unitType->getData('pu_image')) }}" class="inner_ " data-fancybox="unittypes">
        <div class="img_box p_img ">
            <picture>
            <source srcset="{{webp($unitType->getData('pu_image'))}}" type="image/webp">
            <source srcset="{{PP($unitType->getData('pu_image'))}}" type="image/{{FT($unitType->getData('pu_image'))}}">
            <img class="drg_img" src="{{PP($unitType->getData('pu_image'))}}" loading="lazy" alt="">
            </picture>

        </div>
        </a>
    </div>
    @endforeach  
    </div>
</div>
<div class="nav_box  box_center_">
    <div class="nav_ left_"></div>
    <div class="nav_ right_"></div>
</div>
@endif