@if(in_array($selectedServiceId,['S018','S013']))
    @php
        $type_authorisation_label = 'Type of authorisation<sup>14</sup>*';
        $service_area_label = 'Service Area <sup>15</sup>*';
    @endphp
@else
    @php
        $type_authorisation_label = 'Type of authorisation<sup>15</sup>*';
        $service_area_label = 'Service Area <sup>16</sup>*';
    @endphp
@endif
<div>
    <div class="mb-4 border rounded p-3">
        <h6 class="fw-bold">{!! $title??'' !!}</h6>
        <div class="card mb-3">
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead class="table-primary">
                            <tr>
                                <th> {!! $type_authorisation_label !!}</th>
                                <th>Category of Service *</th>
                                <th>{!! $service_area_label !!}</th>
                                @if(!$readOnly['details_of_service'])
                                <th>Actions</th>
                                @endif
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($services as $index => $service)
                            <tr> 
                               <td>
                               <label class="form-label">{{ $service['c_service_name'] ?? '' }}</label>
                            </td>
                            <td>
                                 <label class="form-label">{{ $service['n_service_area_name'] ?? '' }}</label>
                            </td>
                            <td>
                                <label class="form-label">{{ $service['n_cir_name'] ?? '' }}</label>
                            </td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="5" class="text-center text-muted">No services added</td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>