@if (isset($images) && count($images) > 0)
    
<div class="col-md">
    <div id="carouselExampleDark"
        class="carousel carousel-dark slide carousel-fade"
        data-bs-ride="carousel">
        <div class="carousel-indicators">
            @foreach ($images as $index => $media)
                <button type="button" data-bs-target="#carouselExampleDark"
                    data-bs-slide-to="{{ $index }}"
                    @if ($index == 0) class="active" @endif
                    aria-current="true"
                    aria-label="Slide {{ $index }}"></button>
            @endforeach
        </div>
        <div class="carousel-inner">
            @foreach ($images as $index => $media)
                <div
                    class="carousel-item @if ($index == 0) active @endif">
                    <img class="d-block w-100"
                        src="{{$media->getFullUrl()}}"
                        alt="First slide" />
                </div>
            @endforeach
    
        </div>
        <a class="carousel-control-prev" href="#carouselExampleDark"
            role="button" data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">{{__('Previous')}}</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleDark"
            role="button" data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">{{__('Next')}}</span>
        </a>
    </div>
</div>
@endif