@foreach($row['sub_rows'] as $rowGroup)



    <table class="row-table">
        <tbody>
       
         @php
        $rowGroup= $rowGroup['0'];
                    $columnCount = count($rowGroup['columns']); // Number of columns in this row group
                    $widthIndex = 0;
                    $group = $rowGroup;
                @endphp
                
          

              

                @for($i = 0; $i < $columnCount; $i++)

                    @php
                        $inputs = $group['columns'][$i]['inputs'] ?? []; // Get the grouped inputs for this column
                        $currentWidth = $group['columns'][$i]['width'] ?? 100; // Use normalized width or default to 100
                        $widthIndex++;
                    @endphp
                    @if(!empty($inputs))
                        <{{$group['type_row']}} style="width: {{ $currentWidth }}%"  class="input-group  sub-tabel-style" >
                        @foreach($inputs as $input)

                            @if(!isset($input['input_type']))
                                @continue; <!-- Skip if input_type is not set -->
                            @endif
                            @if($group['type_row'] == 'th' && count($group['columns']) == 1 && $input['input_type'] == 'label')
                                <div style=" writing-mode : {{ $input['writing_mode'] ?? '' }};" class="th-centered">{{ $input['label'] ?? '' }}</div>
                            @elseif($group['type_row'] === 'th')
                                <div class="question"
                                     style="writing-mode : {{ $input['writing_mode'] ?? '' }};">{{ $input['label'] ?? '' }}</div>
                            @elseif($input['input_type'] === 'label')
                                <div class="label-cell">{{ $input['label'] ?? 'No label' }}</div>
                            @elseif($input['input_type'] === 'radio' || $input['input_type'] === 'checkbox')
                                <!--Start If there is more than one answer, show it Label -->
                                @if( $group['single_multi_input'] !== 'single_input')

                                    <div class="question">{{ $input['label'] ?? '' }}</div>
                                @elseif(count(explode(",",$input['answer'])) > 1 )
                                    <div class="question">{{ $input['label'] ?? '' }}</div>
                                @endif
                                <!--End If there is more than one answer, show it Label -->
                                <div class="{{ $input['input_type'] }}-answer">


                                    <!-- Display answer as a formatted list if multiple values exist -->
                                      @if($input['answer'] !== ' ' &&  count($input['options'])==1)
                                            <input type="checkbox" name="vehicle3" value="{{$input['answer']}}"
                                                   checked="checked">
                                                 
                                                   
                                        @elseif($input['answer'] !== ' ' && count($input['options'])>1)
                                        
                                        <div class="question" style="width: 49%; float: right;">{{ $input['label'] ?? '' }}</div>
                                        <div class="answer" style="width: 49%; float: right;">
                                             <ul style="list-style-type: none; padding: 0; margin: 0;">
                                              @foreach(explode('/', trim($input['answer'])) as $answerItem)
                                                <li>{{ trim($answerItem)  }} </li>
                                            @endforeach
                                            </ul>
                                        </div>
                                        @else
                                        
                                      {{$input['answer']}}

                                    @endif
                                </div>
                            @else
                                <div class="question"
                                     style="width: 49%; float: right;">{{ $input['label'] ?? 'No label' }}</div>
                                <div class="answer" style="width: 49%; float: right;">
                                    @if($input['input_type'] === 'text' || $input['input_type'] === 'date' || $input['input_type'] === 'number' || $input['input_type'] === 'textarea' || $input['input_type'] === 'file' || $input['input_type'] === 'time')
                                        {{ $input['answer'] ?? $input['placeholder'] ?? 'No answer selected' }}
                                    @endif
                                </div>
                                @endif
                                @endforeach
                                </td>
                                @else
                                    <td style="width: 100%"> </td>
                                    <!-- Fallback for missing input, ensuring full width -->
                                @endif
        </{{$group['type_row']}}>
        @endfor



        </tbody>
    </table>
@endforeach