@php
    /* أيقونات متنوعة للعرض فقط — البيانات ما زالت من لوحة التحكم (عنوان + وصف) */
    $serviceIcons = [
        'fa-utensils',
        'fa-bed',
        'fa-heart',
        'fa-building',
        'fa-camera',
        'fa-paint-brush',
        'fa-calendar-alt',
        'fa-birthday-cake',
        'fa-star',
        'fa-music',
    ];
@endphp

<div class="sec-padd bacg_section intro-section intro-services-grid intro-services-pro intro-muted-bg" id="our_service">
    <div class="container position-relative">
        <div class="the_title intro-section-title">
            <h3>{{__('intro_site.our_services')}}</h3>
            <p class="intro-services-pro__lede">
                {{$settings['services_text']}}
            </p>
        </div>
        <div class="row justify-content-center intro-services-pro__grid">
            @foreach ($services as $service)
                @php
                    $icon = $serviceIcons[$loop->index % count($serviceIcons)];
                @endphp
                <div class="col-md-6 col-lg-4 mb-4">
                    <article class="box-servess intro-service-card">
                        <div class="intro-service-card__icon" aria-hidden="true">
                            <span class="intro-service-card__icon-inner">
                                <i class="fas {{ $icon }}"></i>
                            </span>
                        </div>
                        <h6 class="f-b intro-service-card__title">{{ $service->title }}</h6>
                        <p class="grey-color intro-service-card__desc">{{ $service->description }}</p>
                    </article>
                </div>
            @endforeach
        </div>
    </div>
</div>