@php
    $tableTitle = $table['header'][0]['c']; // first element of the header

@endphp

<div class="partial-table-mobile">
    <div class="partial-table-mobile__tableTitle">
        <div class="title-3">
            {!! $tableTitle !!}
        </div>
    </div>

    <div class="partial-table-mobile__table">
        @foreach ($table['body'] as $tr)
           <div class="partial-table-mobile__wrapper">
                <a href="#" class="partial-table-mobile__title">
                        <div class="caption-3">{!!  $tr[0]['c'] !!}</div>
                        <div class="partial-table-mobile__title-chevron">open</div>
                </a>

                <div class="partial-table-mobile__content">
                    @for ($i = 1; $i < sizeof($tr); $i++)
                        <div class="partial-table-mobile__row">
                            @php
                                $label = $table['header'][$i]['c'];
                                $value =  $tr[$i]['c'];
                            @endphp
                            <div class="caption-3">{!! $label !!}</div>
                            <div class="p">{!! $value !!}</div>
                        </div>
                    @endfor
                </div>
           </div>
        @endforeach

        @if (!empty( $table['caption'] ))
            <div class="partial-table-mobile__caption">
                <div class="caption-2">{!! $table['caption'] !!}</div>
            </div>
        @endif
    </div>
</div>