<!-- Section: inner-header -->
<section class="inner-header divider parallax layer-overlay overlay-white-8" >
    <div class="container pt-60 pb-60">
        <!-- Section Content -->
        <div class="section-content">
            <div class="row">
                <div class="col-md-12 text-center">
                    <h2 class="title"> packages</h2>
                    <ol class="breadcrumb text-center text-black mt-10">
                        <li><a href="#">Home / </a></li>
                        <li class="active text-theme-colored"> packages</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
</section>


<!-- pricing -->
<section class="pricing-area welcome_section_area">
    <div class="container">

        <div class="row">
            <div class="col-lg-12 col-md-12">

                <div class="tab-slider-container">
                    <div id="yearly" class="tab-slider-body">
                        <div class="row">
                            {foreach $packages as $pack}
                            <div class="col-lg-4 col-md-6">
                                <div class="pricingTable">
                                    <div class="pricingTable-header">
                                        <h3 class="title">{$pack->title_en}</h3>
                                        <div class="price-value">

                                            {if $pack->subscription == 0}
                                            FREE

                                            {else}



                                            {$pack->price}$
                                            <span> / {if $pack->pay_method == 0}Trial{else if $pack->pay_method == 1}Year{else if $pack->pay_method == 2}6 months{else if $pack->pay_method == 3}Monthly{/if}</span><br/>
                                            {if $pack->price_without_discount > 0}<strike>{$pack->price_without_discount}$</strike>{/if}


                                            {/if}

                                        </div>
                                    </div>

                                    <ul class="pricing-content">
                                        <li>
                                            {$pack->no_of_persons} {if $pack->no_of_persons == 1} person{else if $pack->no_of_persons == 2}persons{else}افراد{/if}
                                        </li>
                                        <li>{$pack->storage} {if $pack->storage_unit == 0}Mega byte{else if $pack->storage_unit == 1}Giga byte{/if}</li>
                                    </ul>

                                    <a  class="btn btn-primary popup-with-zoom-anim single-price" data-id="{$pack->id}" href="#single-price"> Buy Now</a>
                                </div>
                            </div>
                            {/foreach}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</section>
<!-- end pricing -->