@if(!empty(count($product_category_developments)))
<article class="container-fluid development" id="our-development">
    <div class="row custom__row">
        <header class="col-12 col-md-6 development__title">
            <h3 class="primary-heading">Recent Developments</h3>
        </header>
        <div class="col-12 col-md-6 development__nav">
            <div class="left"><img src="{{url('/')}}/assets/images/home/left-arrow-black.png" alt="Slide left" class="img-fluid"></div>
            <div class="number"> 1 / {{ceil(count($product_category_developments)/2)}} </div>
            <div class="right"><img src="{{url('/')}}/assets/images/home/right-arrow-black.png" alt="Slide Right" class="img-fluid"></div>
        </div>
        <div class="col-12 development__slider owl-carousel">
            @foreach($product_category_developments as $product_category_development_row)
            <figure>
                <img src="{{url('/')}}/assets/images/product-category/{{$product_category_development_row->product_category_development_thumbnail}}" alt="{{$product_category_development_row->product_category_development_caption}}" class="img-fluid">
                <figcaption>
                    <h3>{{$product_category_development_row->product_category_development_caption}}</h3>
                    <p class="paragraph">{{$product_category_development_row->product_category_development_description}}</p>
                    @if(!empty($product_category_development_row->product_category_development_link))
                    <a href="{{$product_category_development_row->product_category_development_link}}" target="_blank" class="link">Learn More</a>
                    @endif
                </figcaption>
            </figure>
            @endforeach
        </div>
    </div>
</article>
@endif