@extends($activeTemplate . 'layouts.frontend')
@section('content')

    <section class="pt-120 pb-120">
        <div class="container">
            <div class="row justify-content-center mb-none-70">
                @foreach ($plans as $plan)
                    <div class="col-xl-3 col-lg-4 col-sm-6 mb-70 wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.1s">
                        <x-plan :plan="$plan" />
                    </div>
                @endforeach
            </div>
            @if ($plans->hasPages())
                <div class="d-flex justify-content-center">
                    {{ paginateLinks($plans) }}
                </div>
            @endif
        </div>
    </section>

    <x-plan-modal :gateways="$gateways" />

    @if ($sections->secs != null)
        @foreach (json_decode($sections->secs) as $sec)
            @include($activeTemplate . 'sections.' . $sec)
        @endforeach
    @endif
@endsection