@php
$colors = [
    '#0a0908',
    '#7c3aed',
    '#1296db',
    '#115640',
    '#dc3545'
];
@endphp
@if($faculties->count())

    @if($faculties->count() <= 3)
        <div class="row g-4 justify-content-center">

            @foreach($faculties as $faculty)

                @php
                    $bgColor = $colors[$loop->index % count($colors)];
                @endphp

                <div class="col-lg-4 col-md-6">
                    @include('front.new.components.partials.program-card',[ 'faculty' => $faculty, 'bgColor' => $bgColor ])
                </div>

            @endforeach

        </div>

    @else

        <div class="owl-carousel owl-theme homepage-program-carousel">

            @foreach($faculties as $faculty)
            
                @php
                    $bgColor = $colors[$loop->index % count($colors)];
                @endphp

                <div class="program-carousel-item">
                    @include('front.new.components.partials.program-card',[ 'faculty' => $faculty, 'bgColor' => $bgColor ])
                </div>

            @endforeach

        </div>

    @endif

@else

<div class="text-center">
    <h5>No programs found.</h5>
</div>

@endif