@php /** @var \IAWP\Env $env */ @endphp
@php /** @var \IAWP\Overview\Modules\Recent_Views_Module $module */ @endphp
@php /** @var bool $is_loaded */ @endphp
@php /** @var ?array $dataset */ @endphp

@extends('overview.modules.layout')

@section('empty')
    <p class="no-data-message">
        <span class="dashicons dashicons-chart-bar"></span> {{ esc_html__('No data found in this date range.', 'independent-analytics') }}
    </p>
@endsection

@section('content')
    @if($is_loaded)
        <div>
            @php $dataset = $module->add_icons_to_dataset($dataset) @endphp
            @for ($i = 0; $i < count($dataset); $i++)
                @if ($i % 10 == 0)
                    <div class="module-page module-page-{{ $i/10 + 1 }} {{ $i == 0 ? 'current' : ''}} visitors-grid">
                        @endif
                        <div>
                        <span class="icon-container">
                            <span class="icon">{{ sanitize_text_field($dataset[$i]['viewed_at']) }}</span>
                            <span class="icon-label">{{ sanitize_text_field($dataset[$i]['viewed_at_the_long_way']) }}</span>
                        </span>
                        </div>
                        <div>
                        <span class="icon-container">
                            <span class="icon">{!! wp_kses($dataset[$i]['flag'], 'post') !!}</span>
                            <span class="icon-label">{{ sanitize_text_field($dataset[$i]['country']) }}</span>
                        </span>
                        </div>
                        <div>
                        <span class="icon-container">
                            <span class="icon">{!! wp_kses($dataset[$i]['device_type_icon'], 'post') !!}</span>
                            <span class="icon-label">{{ sanitize_text_field($dataset[$i]['device_type']) }}</span>
                        </span>
                        </div>
                        <div>
                        <span class="icon-container">
                            <span class="icon">{!! wp_kses($dataset[$i]['browser_icon'], 'post') !!}</span>
                            <span class="icon-label">{{ sanitize_text_field($dataset[$i]['browser']) }}</span>
                        </span>
                        </div>
                        <div class="page-title">
                            {{ $dataset[$i]['page_title'] }}
                        </div>
                        @if (($i + 1) % 10 == 0 || $i == count($dataset) - 1)
                    </div>
                @endif
            @endfor
            @if (count($dataset) > 10)
                <div class="module-pagination">
                    <button class="pagination-button left" disabled><span
                                class="dashicons dashicons-arrow-left-alt2"></span></button>
                    <span class="page-count">
                        <span class="current-page">1</span>
                        <span>/</span>
                        <span class="full-width-count">{{ ceil(count($dataset) / 20 ) }}</span>
                        <span class="regular-count">{{ ceil(count($dataset) / 10 ) }}</span>
                    </span>
                    <button class="pagination-button right"><span
                                class="dashicons dashicons-arrow-right-alt2"></span></button>
                </div>
            @endif
        </div>
    @else
        <div class="loading-message">
            <img src="