blue-twilight/resources/views/themes/base/partials/user_profile_activity_grid.blade.php

@php
/*
This code is used to determine the responsive classes added to the table cell.
The last 3 months are always visible.
The last 6 months are visible on md devices
The last 12 months are visible on lg+ devices
*/
$classes[0] = 'd-none d-lg-table-cell';
$classes[1] = 'd-none d-lg-table-cell';
$classes[2] = 'd-none d-lg-table-cell';
$classes[3] = 'd-none d-lg-table-cell';
$classes[4] = 'd-none d-lg-table-cell';
$classes[5] = 'd-none d-lg-table-cell';
$classes[6] = 'd-none d-lg-table-cell';
$classes[7] = 'd-none d-md-table-cell';
$classes[8] = 'd-none d-md-table-cell';
$classes[9] = 'd-none d-md-table-cell';
$classes[10] = '';
$classes[11] = '';
$classes[12] = '';
@endphp
<table class="table activity-grid">
    <thead>
        <tr>
            <th class="border-spacer-element">
                {{-- This element is here purely to give the table a th:first-child so it can apply the left border,
                even if the first child is hidden due to responsiveness --}}
            </th>
            @php
            $i = 0;
            @endphp
            @foreach ($activity as $year => $months)
                @foreach ($months as $month => $dates)
                    <th class="{{ $classes[$i] }}" colspan="{{ ceil($month_days[$year][$month] / 7) }}" style="vertical-align: top;">{{ $month }}@if ($i == 0 || $i == 12 || $month == 'Jan')<br/>{{ $year }}@endif</th>
                    @php
                    $i++
                    @endphp
                @endforeach
            @endforeach
        </tr>
    </thead>
    <tbody>
        {{-- Output a table containing columns for days 1-7, 8-14, 15-21, 22-28, 29-31 (if applicable) --}}
        @for ($row = 0; $row < 7; $row++)
            <tr>
                <td class="border-spacer-element">
                    {{-- This element is here purely to give the table a th:first-child so it can apply the left border,
                    even if the first child is hidden due to responsiveness --}}
                </td>
                @php
                    $i = 0;
                @endphp
                @foreach ($activity as $year => $months)
                    @foreach ($months as $month => $dates)
                        @php
                        $day1 = $row + 1;
                        $day2 = $row + 8;
                        $day3 = $row + 15;
                        $day4 = $row + 22;
                        $day5 = $row + 29;
                        @endphp

                        @if (ceil($month_days[$year][$month] / 7) >= 1)
                            @if ($day1 <= $month_days[$year][$month])
                                @if (isset($dates[$day1]) && $dates[$day1] > 0)
                                    <td class="has-activity {{ $classes[$i] }}" data-toggle="tooltip" data-placement="top" title="{{ trans_choice('gallery.user_profile.activity_summary', $dates[$day1], ['count' => $dates[$day1], 'date' => sprintf('%d %s %d', $day1, $month, $year)]) }}">
                                    </td>
                                @else
                                    <td class="no-activity {{ $classes[$i] }}">
                                    </td>
                                @endif
                            @else
                                <td class="invalid-date {{ $classes[$i] }}">
                                </td>
                            @endif
                        @endif

                        @if (ceil($month_days[$year][$month] / 7) >= 2)
                            @if ($day2 <= $month_days[$year][$month])
                                @if (isset($dates[$day2]) && $dates[$day2] > 0)
                                    <td class="has-activity {{ $classes[$i] }}" data-toggle="tooltip" data-placement="top" title="{{ trans_choice('gallery.user_profile.activity_summary', $dates[$day2], ['count' => $dates[$day2], 'date' => sprintf('%d %s %d', $day2, $month, $year)]) }}">
                                    </td>
                                @else
                                    <td class="no-activity {{ $classes[$i] }}">
                                    </td>
                                @endif
                            @else
                                <td class="invalid-date {{ $classes[$i] }}">
                                </td>
                            @endif
                        @endif

                        @if (ceil($month_days[$year][$month] / 7) >= 3)
                            @if ($day3 <= $month_days[$year][$month])
                                @if (isset($dates[$day3]) && $dates[$day3] > 0)
                                    <td class="has-activity {{ $classes[$i] }}" data-toggle="tooltip" data-placement="top" title="{{ trans_choice('gallery.user_profile.activity_summary', $dates[$day3], ['count' => $dates[$day3], 'date' => sprintf('%d %s %d', $day3, $month, $year)]) }}">
                                    </td>
                                @else
                                    <td class="no-activity {{ $classes[$i] }}">
                                    </td>
                                @endif
                            @else
                                <td class="invalid-date {{ $classes[$i] }}">
                                </td>
                            @endif
                        @endif

                        @if (ceil($month_days[$year][$month] / 7) >= 4)
                            @if ($day4 <= $month_days[$year][$month])
                                @if (isset($dates[$day4]) && $dates[$day4] > 0)
                                    <td class="has-activity {{ $classes[$i] }}" data-toggle="tooltip" data-placement="top" title="{{ trans_choice('gallery.user_profile.activity_summary', $dates[$day4], ['count' => $dates[$day4], 'date' => sprintf('%d %s %d', $day4, $month, $year)]) }}">
                                    </td>
                                @else
                                    <td class="no-activity {{ $classes[$i] }}">
                                    </td>
                                @endif
                            @else
                                <td class="invalid-date {{ $classes[$i] }}">
                                </td>
                            @endif
                        @endif

                        @if (ceil($month_days[$year][$month] / 7) >= 5)
                            @if ($day5 <= $month_days[$year][$month])
                                @if (isset($dates[$day5]) && $dates[$day5] > 0)
                                    <td class="has-activity {{ $classes[$i] }}" data-toggle="tooltip" data-placement="top" title="{{ trans_choice('gallery.user_profile.activity_summary', $dates[$day5], ['count' => $dates[$day5], 'date' => sprintf('%d %s %d', $day5, $month, $year)]) }}">
                                    </td>
                                @else
                                    <td class="no-activity {{ $classes[$i] }}">
                                    </td>
                                @endif
                            @else
                                <td class="invalid-date {{ $classes[$i] }}">
                                </td>
                            @endif
                        @endif

                        @php
                            $i++
                        @endphp
                    @endforeach
                @endforeach
            </tr>
        @endfor
    </tbody>
</table>