Я написал 2 отдельных кода, которые по-разному отображают записи в базе данных.Как переключаться между способами

Question

Код ниже отображает одни и те же изображения по-разному, я хочу создать кнопку, которая переключается между двумя способами.Моя первая мысль - создать кнопку, которая ведет к маршруту www.domain.com/second-view, который будет отображать вид, который будет содержать второй фрагмент кода, но по какой-то причине мне это не кажется слишком гладким.Другая мысль заключается в создании кнопки переключения, которая будет скрывать текущий вид, а также отображать другой вид и наоборот.Я просто ищу несколько советов и мнений о том, как мне это сделать.

@foreach($images as $image)
        <div class='imageContainer'>
            <div class="stickyContainer blackGradient">
                <h1 class='imageTitle'>{{$image->name}}</h1>
                <img class='uploadedImg' src='{{url("storage/uploads/images/".$image->file_name)}}' alt='Random image'/>
                <a class='specialA' href='{{url("image/".$image->id)}}'></a>
                @auth
                <div class='votingContainer'>
                    <a href='#' class='vote {{ ( auth()->user()->votes()->whereImageId($image->id)->first() && auth()->user()->votes()->whereImageId($image->id)->first()->vote == 1 ) ? "liked" : "like" }}' id='{{$image->id}}'></a>
                    <a href='#' class='vote {{ ( auth()->user()->votes()->whereImageId($image->id)->first() && auth()->user()->votes()->whereImageId($image->id)->first()->vote == 0 ) ? "disliked" : "dislike" }}' id='{{$image->id}}'></a>
                </div>
            @endauth
            </div>
        </div>
    @endforeach

<div class="grid">
    @foreach($images as $image)
    <div class="grid-item">
        <img src="{{url(" storage/uploads/images/ ".$image->file_name)}}" />
        <a class='specialA' href='{{url("image/".$image->id)}}'></a>
    </div>
    @endforeach
</div>