@extends('layouts.frontlayout')
@section('content')

<!-- ==== Breadcame_section_Start ==== -->
<section class="breadcamee_section top-space">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="banner_area">
                   <div class="banner_image">
                       <h1>{{ General::breadcameTitle() }}</h1>
                    </div>
                    <div class="heading_area">
                        <p><a href="{{route('homepage.index')}}">Home</a><span> / </span><a>{{ isset($webSettings->membership_breadcrumbs) && $webSettings->membership_breadcrumbs ? $webSettings->membership_breadcrumbs : 'Fitness Membership Plans' }}</a></p>
                        <h1>{{ isset($webSettings->membership_breadcrumbs) && $webSettings->membership_breadcrumbs ? $webSettings->membership_breadcrumbs : 'Fitness Membership Plans' }}</h1>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Breadcame_section_end ==== -->

<!-- ==== All_service_section_start ==== -->
<section class="all_service_section">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="content_box">
                    <div class="heading">
                        <h4>All Services in one place</h4>
                    </div>
                    <div class="row">
                        @php
                            $membership_services_plan = isset($webSettings->membership_services_plan) && $webSettings->membership_services_plan ? json_decode($webSettings->membership_services_plan, true) : [];
                        @endphp
                        @if(isset($membership_services_plan) && $membership_services_plan && count($membership_services_plan) > 0)
                        @foreach($membership_services_plan as $m)
                        <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-4 col-12">
                            <div class="content_area match_height_col mb-4">
                                <div class="inner_area">
                                    <h6>{{ $m['title'] }}</h6>
                                    <p>{{ $m['description'] }}</p>
                                </div>
                                <div class="bottom_img">
                                    <img src="{{ url('frontend/images/102.png') }}" alt="..." />
                                </div>
                            </div>
                        </div>
                        @endforeach
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== All_service_section_end ==== -->

<!-- ==== Membership_plan_section_start ==== -->
<section class="membership_plan_section">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="content_box">
                    <div class="header">
                        <h4>{{ $webSettings->membership_title }}</h4>
                        <p>{{ $webSettings->membership_description }}</p>
                    </div>
                    <div class="plans">
                        @if($listing->count())
                        <div class="row">
                            @include('frontend.membershipPlans.listingLoop')
                            <div class="col-xxl-12 co-xl-12 col-lg-12 col-md-12 co-sm-12 col-12">
                                <div class="inform">
                                    <p>All prices are in Australian dollars.</p>
                                </div> 
                            </div>
                        </div>
                        @else
                        <div class="noText">
                            <p>No Membership Plans Found</p>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Membership_plan_section_end ==== -->

@endsection