/home/smartonegroup/public_html/system/ui/theme/default/subscribe.tpl
{extends file="$layouts_client"}


{block name="content"}

    <div class="container mt-5 col-lg-9 col-12 mx-auto">
        <div class="row">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-body">
                        <h2 class="mb-3">{$plan->title}</h2>

                        <div class="mb-5">
                            {$plan->description}
                        </div>

                        {if !empty($plan->features)}
                            {foreach json_decode($plan->features) as $feature}
                                <div class="justify-content-start d-flex  py-1 mt-3">
                                    <div>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="#387BFF" class="bi bi-check-circle-fill text-primary"  viewBox="0 0 16 16">
                                            <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
                                        </svg>
                                    </div>
                                    <div class="ps-2">
                                        <span class="">{$feature}</span>
                                    </div>
                                </div>

                            {/foreach}
                        {/if}

                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card">
                    <div class="card-body">
                        <h2 class="mb-3">{formatCurrency($plan->price,$config['home_currency'])}</h2>
                            <div>
                                {if $user}
                                    {if $plan->stripe_pricing_id}
                                        <form action="{$base_url}subscriptions/stripe-create-checkout-session" method="POST">

                                            <input type="hidden" name="priceId" value="{$plan->stripe_pricing_id}" />
                                            <button type="submit" class="btn btn-primary">{__('Subscribe')}</button>
                                        </form>
                                    {/if}
                                {else}
                                    <div class="mb-3">
                                        {__('Login or Register to Subscribe')}
                                    </div>
                                    <a href="{$base_url}client/login&then=subscriptions/subscribe/{$plan->slug}" class="btn btn-primary">{$_L['Login']}</a>
                                    <a href="{$base_url}client/register&then=subscriptions/subscribe/{$plan->slug}" class="btn btn-primary">{$_L['Register']}</a>
                                {/if}
                            </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

{/block}

{block name=script}

    <script>

    </script>


{/block}