@extends('layouts.home')
@section('body')
    {{-- <div class="header">
        <div class="inner-header flex"> --}}
    <section class="section header">
        <div id="country"></div>

        <!-- Dollar Comparison Table -->
        {{--  <div class="price_tabs">
            <ul class="tab-btns clearfix">
                <li class="tab-btn yearly-btn " data-tab="#yearly-tab">Yearly <span>up to 20%
                        off</span></li>
                <li class="tab-btn monthly-btn active-btn" data-tab="#monthly-tab">Monthly</li>
            </ul>

        </div> --}}
        <div class="dollarcomp">
            @if (request()->header('cf-ipcountry', 'US') == 'NG' || env('APP_DEBUG') == true)
                @isset($k['r_004'])
                    <a href={{ route('pricing.plan', [$k['r_004']->meta->product_code, $k['r_004']->meta->currency]) }}>
                        <button style="
                    height: 10px;
                " type="button"
                            class="btn btn-one-time btn-sm">One-time plan
                            <ion-icon name="arrow-forward-outline"></ion-icon>
                        </button>
                    </a>
                @endisset
            @endif

            {{-- Custom UI start --}}

            <div class="pricing dollar-pricing pricing-new price_cards_yearly">
                <x-singleuser name="Single User" />
                <x-multiuser name="Multiple Users" />
            </div>

            {{-- Custom UI end --}}

        </div>

    </section>
@endsection

<script src={{ mix('js/pricing.js') }}></script>