@extends('layouts.tokkio-master')
@section('content')
<!--Breadcrumb-->
<section id="breadcrumb">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-sm-6">
                <div class="breadcrumb-list">
                    <ul>
                        <li><a href="{!! route('tokkio.index') !!}">{!! __('tokkio.contact_us') !!}</a></li>
                        <li><span>{!! __('tokkio.pricing') !!}</span></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    </div>
</section>

<!--Inner Pricing-->
<section id="pricing_box">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title">
                    <h2>CHOOSE YOUR PLAN</h2>
                </div>
                <div class="pricing pricing-palden">
                    @foreach($plans as $key => $plan)
                        <div class="pricing-item features-item ja-animate {!! $key == 1 ? 'pricing__item--featured' :'' !!}" data-animation="move-from-bottom" data-delay="item-0" style="min-height: 497px;">
                                                        <div class="pricing-deco{!! $default[$key] !!}">
                                <svg class="pricing-deco-img" enable-background="new 0 0 300 100" height="100px" id="Layer_1" preserveAspectRatio="none" version="1.1" viewBox="0 0 300 100" width="300px" x="0px" xml:space="preserve" y="0px">
                                    <path class="deco-layer deco-layer--1" d="M30.913,43.944c0,0,42.911-34.464,87.51-14.191c77.31,35.14,113.304-1.952,146.638-4.729c48.654-4.056,69.94,16.218,69.94,16.218v54.396H30.913V43.944z" fill="#FFFFFF" opacity="0.6"></path>
                                    <path class="deco-layer deco-layer--2" d="M-35.667,44.628c0,0,42.91-34.463,87.51-14.191c77.31,35.141,113.304-1.952,146.639-4.729c48.653-4.055,69.939,16.218,69.939,16.218v54.396H-35.667V44.628z" fill="#FFFFFF" opacity="0.6"></path>
                                    <path class="deco-layer deco-layer--3" d="M43.415,98.342c0,0,48.283-68.927,109.133-68.927c65.886,0,97.983,67.914,97.983,67.914v3.716H42.401L43.415,98.342z" fill="#FFFFFF" opacity="0.7"></path>
                                    <path class="deco-layer deco-layer--4" d="M-34.667,62.998c0,0,56-45.667,120.316-27.839C167.484,57.842,197,41.332,232.286,30.428c53.07-16.399,104.047,36.903,104.047,36.903l1.333,36.667l-372-2.954L-34.667,62.998z" fill="#FFFFFF"></path>
                                </svg>
                                <div class="pricing-price"><span class="pricing-currency">Kr </span>
                                    {!! (int)$plan->regular_price !!}<span class="pricing-period">/ month</span>
                                </div>
                                <h3 class="pricing-title">{!! $plan->plan_name !!}</h3>
                            </div>
                            <div class="pricing-feature-list">
                                {!! str_replace("<p>", "<p class='pricing-feature'>", $plan->plan_description) !!}
                            </div>
                            <a href="{!! route('tokkio.checkout',[\Illuminate\Support\Facades\Crypt::encryptString($plan->id)]) !!}" class="pricing-action">Choose plan</a>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</section>


<!--Packages-->
<section id="package">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title">
                    <h2>COMPARE PACKAGES</h2>
                </div>
                <div class="package-table">
                    <div class="package-box">
                        <table class="table table-striped">
                            <thead>
                            <tr>
                                <th style="width:40%;"><h3 class="package-title">Functionality</h3></th>
                                @php $colour = ['yellow','green','red']; $permission = [];@endphp
                                @foreach($plans as $key => $plan)
                                    @php $permission[] = explode(',',$plan->module_permission); @endphp
                                    <th style="width:20%;"><div class="plan-label {!! $colour[$key] !!}-label">{!! $plan->plan_name !!}</div></th>
                                @endforeach
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($standardModules as $key => $sm)
                                <tr>
                                    <td>{!! $sm->title !!} <a href="#" data-bs-toggle="tooltip" data-bs-placement="top" title="Hooray!"><img src="{!! asset('tk-assets/img/info.png') !!}" class="img-fluid"/></a></td>
                                    <td style="text-align:center;"><i class="fas {!! in_array($sm->id,$permission[0]) ? 'fa-check' : 'fa-times' !!}"></i></td>
                                    <td style="text-align:center;"><i class="fas {!! in_array($sm->id,$permission[1]) ? 'fa-check' : 'fa-times' !!}"></i></td>
                                    <td style="text-align:center;"><i class="fas {!! in_array($sm->id,$permission[2]) ? 'fa-check' : 'fa-times' !!}"></i></td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-8 col-sm-8">
                <div class="price_tag_box">
                    <p>All prices are exclusive of VAT. <br>*Data import applies to the following data: customers, suppliers and products.</p>
                </div>
            </div>
            <div class="col-lg-4 col-sm-4">
                <div class="transaction-box">
                    <a href="#">Transaction Price</a>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection