@inject('SectionService', 'App\Services\SectionService')
@php
$param = 'services';
$technologyData = $SectionService->get($param);
@endphp

<div class="tab-content" id="nav-tabContent">
    @if (isset($technologyData['serviceClasses']) && count($technologyData['serviceClasses']) > 0)
        @foreach ($technologyData['serviceClasses'] as $tech)
        @php
        $tech['id'] = 'nav-' . $tech['id'];
        @endphp
            <div class="tab-pane fade {{ $loop->first ? 'show active' : '' }}" id="{{ $tech['id'] ?? 'default-id' }}" role="tabpanel" aria-labelledby="{{ $tech['id'] ?? 'default-id' }}-list">
                <div class="row">
                    <div class="col-12">
                        <h2>{{ $tech['name'] ?? 'Default Name' }}</h2>
                        <hr>
                    </div>
                    @foreach ($tech['services'] as $technologie)
                        <div class="col-12 col-md-6"> <!-- Each technology takes up half the row -->
                            <h4><span class="material-symbols-outlined">{{$technologie['icon'] ?? 'eco' }}</span> {{$technologie['title'] ?? 'Default Name' }}</h4>
                            <p>{{$technologie['text'] ?? 'No description available.' }}</p>
                            <a href="{{$technologie['url'] ?? '#' }}">Submmit RFP</a>
                        </div>
                    @endforeach
                </div>
            </div>
        @endforeach
    @endif
</div>