@extends('frontend::layouts.master')

@section('content')
    <div class="page-header-wrapper mt-12">
        <h1 class='page-header'>Review</h1>
        <div class="img-wrapper">
            <img src="{{ Module::asset('frontend:img/review.svg') }}" alt="About Us">
        </div>
    </div>
    <div class="container pt-6 lg:pt-10">
        <div class="flex flex-wrap -mx-2 xs:-mx-4">
            @for ($test = 1; $test < 4; $test++)
                @for ($example = 1; $example < 5; $example++)
                    <div class="w-full xtn:w-1/2 md:w-1/3 xl:w-1/4 p-2 xs:p-4">
                        <div class="review-card">
                            <div class="review-img">
                                <a href="review-detail">
                                    <div class="img-wrapper">
                                        <img src="{{ Module::asset('frontend:img/rwn'.$example.'.jpg') }}" alt="Review Title">
                                    </div>
                                </a>
                            </div>
                            <div class="review-content">
                                <a href="review-detail">
                                    <div class="review-date">14 Dec 2023</div>
                                    <div class="review-title">
                                        <p>
                                            Lorem ipsum dolor sit amet, 
                                            consectetur adipiscing elit
                                            Lorem ipsum dolor sit ame
                                        </p>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                @endfor
            @endfor
        </div>
        <div class="flex justify-center mt-8">
            <button class="button-primary">
                <div>Load More</div>
                <img  class="w-[.75rem]" src="{{ Module::asset('frontend:img/arrow.svg') }}" alt="Game Name">
            </button>
        </div>
    </div>
@endsection