@extends($activeTemplate . 'layouts.master')
@section('content')
    <div class="dashboard-inner">
        <div class="mb-4">
            <h3 class="mb-2">{{ __($pageTitle) }}</h3>
        </div>
        <div class="row">
            @foreach ($plans as $data)
                <div class="col-xl-4 col-md-6 mb-4">
                    <div class="card custom--card dashboard-plan-card">
                        <div class="card-body">
                            <div class="pricing-table mb-4 text-center">
                                <h4 class="package-name mb-2 text-center">
                                    <strong>{{ __($data->name) }}</strong>
                                </h4>
                                <span class="price text--dark fw-bold d-block">
                                    {{ $general->cur_sym }}{{ showAmount($data->minimum_amount) }}@lang(' TO ') {{ $general->cur_sym }}{{ showAmount($data->maximum_amount) }}
                                </span>
                                <hr>
                                <ul class="package-features-list mt-3">
                                   <!-- <li>
                                        <i class="fas fa-check bg--success"></i>
                                        <span>@lang('Business Volume (BV)'): {{ getAmount($data->bv) }}</span>
                                        <span class="icon" data-bs-toggle="modal" data-bs-target="#bvInfoModal">
                                            <i class="fas fa-question-circle"></i>
                                        </span>
                                    </li> -->
                                    <li>
                                        <i class="fas fa-check bg--success"></i>
                                        <span>@lang('Referral Commission'):
                                            {{ showAmount($data->ref_com) }}@lang('%')</span>
                                        <span class="icon" data-bs-toggle="modal" data-bs-target="#refComInfoModal">
                                            <i class="fas fa-question-circle"></i>
                                        </span>
                                    </li>
                                    <li>
                                        <i
                                            class="fas @if (showAmount($data->profit) != 0) fa-check bg--success @else fa-times bg--danger @endif"></i>
                                        <span>@lang('ROI'):
                                            @lang('18%-22%')</span>
                                        <span class="icon" data-bs-toggle="modal" data-bs-target="#treeComInfoModal">
                                            <i class="fas fa-question-circle"></i>
                                        </span>
                                    </li>
                                </ul>
                            </div>
                            
                            <button class="btn btn--base subscribeBtn w-100 mt-2" data-amount="{{ getAmount($data->price) }}" data-id="{{ $data->id }}" type="button">
                                    @lang('Subscribe')
                                </button>

                      <!--    @if (@auth()->user()->plan->price > $data->price)
                                <button class="btn btn--base w-100 disabled mt-2" type="button">
                                    @lang('Unavailable')
                                </button>
                            @elseif (auth()->user()->plan_id != $data->id) -->
                            <!--    <button class="btn btn--base subscribeBtn w-100 mt-2" data-amount="{{ getAmount($data->price) }}" data-id="{{ $data->id }}" type="button">
                                    @lang('Subscribe')
                                </button> -->
                        <!--    @else
                                <button class="btn btn--success w-100 disabled mt-2" type="button">
                                    @lang('Cureent Plan')
                                </button>
                            @endif  -->
                        </div>

                    </div><!-- card end -->
                </div>
            @endforeach
        </div>
        @if ($plans->hasPages())
            {{ paginateLinks($plans) }}
        @endif
    </div>
    @include($activeTemplate . 'partials.plan_modals')
@endsection
