@extends('user.layouts.app')

@section('body_class', 'proshop')

@section('content')
<section class="banner-slider">
    @foreach($bannerImages as $image)
    <div class="slider-item"><img src="{{ asset('/storage/distribution/images/banner_image/' . $image->image) }}" alt="Slide {{ $loop->iteration }}"></div>
    @endforeach
    </section>

    <div class="banner-inner-content">
      <div class="container">
        <ul class="bread-come">
          <li>
            <a href="/">Home</a>
          </li>
          <li>Proshop</li>
        </ul>
      </div>
    </div>
    <section class="affiliated-clubs">
      <div class="container">
        <div class="page-title">
          <h4 data-aos="fade-up">Proshop</h4>
          @foreach($proshops as $proshop)
          <!-- <p data-aos="fade-up">Tollygunge Club’s well stocked Proshop features a selection of signature equipment and sportswear. A range of Tolly souvenirs and designer sports equipment, apparel and accessories and several other items are available at the Proshop.

           For golfers, balls, gloves, shoes, bags, sticks, head bands, wrist bands, plastic tee and pitch markers are among the many items available. For tennis and squash, a range of balls and rackets are on offer. Swimmers can choose from among costumes, goggles, caps, etc. Riding helmets and whips are also available.

          You will also find all kinds of Sportswear, Casual Wear, T-shirts, Shorts, Socks, Towels, Fashion Wear, Club Ties, Sports Shoes, Wallets, Tea packs as well as range of Skin and Hair Care Products.</p> -->
          <p data-aos="fade-up">{!! $proshop->short_description !!}</p>
          @endforeach
        </div>
        
      </div>
    </section>
    @foreach($proshops as $proshop)
    <section class="sport-details pt-0">
      <div class="container">
        <div class="section-inner">
        <div class="sport-details-plate">  
          <div class="section-description">       
            <!-- <h5 class="green" data-aos="fade-up">{{ $proshop->short_description }}</h5>  -->
            <!-- <ul>
              <li>{!! $proshop->detail_description !!}</li>
            </ul> -->
            {!! $proshop->detail_description !!}
          </div>
        </div>
        </div>
      </div>
    </section>
    @endforeach
@endsection

@section('footer')
<!-- footer bottom appears here -->
@endsection