
<section class="pricing-wrap pt-120">
    <div class="theme-container container">
        <span class="bg-text center wow fadeInUp" data-wow-offset="50" data-wow-delay=".20s"> Pricing </span>
        <div class="title-wrap text-center  pb-50">
            <h2 class="section-title wow fadeInUp" data-wow-offset="50" data-wow-delay=".20s">Pricing & plans</h2>
            <p class="wow fadeInLeft" data-wow-offset="50" data-wow-delay=".25s">See our pricing & plans to get best service</p>
        </div>
        <div class="row">
            @foreach($plans as $key=>$plan)
                @if ($loop->index == 3)
                    @break
                @endif
                 <div class="col-md-4 wow slideInUp" data-wow-offset="50" data-wow-delay=".30s">
                        <div class="pricing-box clrbg-before clrbg-after transition">
                            <div class="title-wrap text-center">
                                @if($currency_position->value=='left')
                                    @if($currency_space->value=='1')
                                        <h2 class="section-title fs-36">{{$currency_symbol->value}} {{number_format($plan->price, $decimal_places->value)}}</h2>
                                    @else
                                        <h2 class="section-title fs-36">{{$currency_symbol->value}}{{number_format($plan->price, $decimal_places->value)}}</h2>
                                    @endif
                                @else
                                    <h2 class="section-title fs-36">{{$plan->price}}{{$currency_symbol->value}}</h2>
                                @endif
                                <p>{{$plan->type}}</p>
                                <div class="btn-1">{{$plan->plan_name}}</div>
                            </div>
                            <div class="price-content">
                                <ul class="title-2">
                                    @if($currency_position->value=='left')
                                        @if($currency_space->value=='1')
                                            <li> Promo Price: <span class="gray-clr">{{$currency_symbol->value}} {{number_format($plan->promoprice, $decimal_places->value)}}</span></li>
                                        @else
                                            <li> Promo Price: <span class="gray-clr">{{$currency_symbol->value}} {{number_format($plan->promoprice, $decimal_places->value)}}</span></li>
                                        @endif
                                    @else
                                        <li> Promo Price: <span class="gray-clr">{{$plan->promoprice}}{{$currency_symbol->value}}</span></li>
                                    @endif
                                    <li> Drivers Allowed: <span class="gray-clr">{{$plan->drivercount}}</span> </li>
                                    <li> SMS Limit: <span class="gray-clr">{{$plan->smslimit}}</span> </li>
                                    <li> Expiry Date: <span class="gray-clr">{{$plan->expiry}}</span> </li>
                                </ul>
                            </div>
                            <div class="order">
                                <a href="{{ route('frontend.register',$plan->id) }}" class="title-1 theme-clr"> <span class="transition"> Start now </span> <i class="arrow_right fs-26"></i> </a>
                            </div>
                            <div class="pricing-hover clrbg-before clrbg-after transition"></div>
                        </div>
                        <div class="row pb-50"></div>
                    </div>
                @endforeach
        </div>
    </div>
</section>

