@extends('front.layout.app')
@section('title', 'Our Store')
@section('content')

    <section class="inner-banner">
        <img src="{{ $store->cmsImages('banner_image') ?? '' }}" alt="image" class="img-fluid w-100 h-100">
        <div class="container">
            <div class="inner-banner__content">
                <div class="row">
                    <div class="col-lg-6">
                        <h1> {{ $store->content['banner_heading'] ?? '' }} <span
                                class="font-bold">{{ $store->content['banner_heading_imp'] ?? '' }}</span></h1>
                        <p>
                            {{ $store->content['banner_description'] ?? '' }}
                        </p>
                        <div class="btn-group">
                            <a href="{{ route('front.about') }}" class="themeBtn">
                                {{ $store->content['banner_btn1'] ?? '' }}</a>
                            <a href="{{ route('front.contact') }}" class="themeBtn">
                                {{ $store->content['banner_btn2'] ?? '' }}</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="inner-banner__bottom">
            <div class="container">
                <ul class="bottom__links d-flex align-items-center justify-content-start">
                    <li><a href="{{ route('front.index') }}"><span><i class="fas fa-home"></i></span> Home</a></li>
                    <li><a href="#"><span><i class="fas fa-angle-right"></i></span>Store</a></li>
                </ul>
            </div>
        </div>
    </section>


    <section class="store-section">
        <div class="container">
            <div class="serviceHeading text-center mb-5" data-aos="fade-up">
                <h2 class="secHeading">Shop Our Products!</h2>
            </div>
            <div class="row align-items-center">
                @if (isset($findSlug))
                    @forelse ($findSlug->products as $item)
                        <div class="col-md-3">
                            <a href="{{ route('front.product.detail', ['id' => $item->id]) }}">

                                <div class="store-wrap">
                                    <figure>
                                        <img src="{{ $item->productImage('product_image') }}" class="img-fluid"
                                            alt="">
                                    </figure>
                                    <div class="store-cntnt">
                                        <h3>{{ $item->name }}</h3>

                                        <h5>$75.00
                                        </h5>
                                    </div>
                                </div>
                            </a>

                        </div>

                    @empty
                        <p>no data found</p>
                    @endforelse
                @endif

            </div>
        </div>
    </section>


    @include('front.include.stories')

@endsection