@extends('layouts.front-layout')
@section('title') Mazes-&-Rentals @endsection

@section('content')
    <section class="inner-banner p-0">
        <video class="inner-banner__video" autoplay muted loop playsinline>
            <source src="{{asset('upload/videos/banner.mp4')}}" type="video/mp4">
        </video>
        <div class="container">
            <div class="inner-banner__content">
                <h1>Mazes & Rentals</h1>
            </div>
        </div>
        <figure class="inner-banner__bottom">
            <img src="upload/images/banner-shape.png" alt="image" class="img-fluid">
        </figure>
    </section>

    <section class="maze-section">
        <div class="container">
            <div class="row align-items-center">
                @forelse($get_maze_rentals as $maze_rental)

                    <div class="col-md-6" data-aos="fade-up">
                        <div class="mazewrap2">
                            <figure>
                                <img src="{{$maze_rental->mazeRentalImage('maze_rental_image') ? : ''}}"
                                     class="img-fluid" alt="">
                            </figure>
                            <div class="mazecntnt2">
                                <h3>{{$maze_rental->maze_rental_name ? : ''}}</h3>
                                <a href="" class="pricered"><i class="far fa-tag"></i>$ {{$maze_rental->price ? : ''}}</a>
                                {!! $maze_rental->description ? : '' !!}
                                <a href="#" class="themeBtn"> Join Now</a>
                            </div>
                        </div>
                    </div>
                @empty
                    <h3>Maze Rentals Data Not Available</h3>
                @endforelse

            </div>
        </div>
    </section>
@endsection