@extends('layouts.new_theme')

@section('content')

<div class="section-header">
    <h1>{{ __('Pricing') }}</h1>
    <div class="section-header-breadcrumb">
        <div class="breadcrumb-item active"><a href="">{{ __('Dashboard') }}</a></div>
        <div class="breadcrumb-item"><a href="{{ route('available_plans.index') }}">{{ __('Pricing') }}</a>
        </div>
        <div class="breadcrumb-item">{{ __('Available Plans') }}</div>
    </div>
</div>

<div class="section-body">

    <div class="row">
        <div class="col-12">
            @include('common.demo')
            @include('common.errors')
            <div class="card-deck mb-3 text-center card-align">

                @foreach ($pricing as $price)
                <div class="card m-1 box-shadow price-width">
                    <div class='pricing'>
                        <div class="pricing-title">
                            {{ __($price->term) }} {{ __($price->period) }}
                        </div>
                    </div>
                    <div class="card-body">

                        <h1 class="card-title pricing-card-title color-black">{{ $price->price }} <small
                                class="text-muted">{{ $price->currencies->currency }}</small>
                        </h1>
                        <div class="borderless">
                            <li class="list-group-item d-flex justify-content-between align-items-center border-0">
                                {{ __('No. of servers') }}
                                <span
                                    class="badge badge-purple badge-pill">{{ $plan->server_count ? $plan->server_count : 'Unlimited' }}</span>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center border-0">
                                {{ __('No. of webpages') }}
                                <span
                                    class="badge badge-purple badge-pill">{{ $plan->webpage_count ? $plan->webpage_count : 'Unlimited' }}</span>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center border-0">
                                {{ __('No. of APIs') }}
                                <span
                                    class="badge badge-purple badge-pill">{{ $plan->api_count ? $plan->api_count : 'Unlimited' }}</span>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center border-0">
                                {{ __('No. of ssl') }}
                                <span
                                    class="badge badge-purple badge-pill">{{ $plan->ssl_count ? $plan->ssl_count : 'Unlimited' }}</span>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center border-0">
                                {{ __('No. of domains') }}
                                <span
                                    class="badge badge-purple badge-pill">{{ $plan->domain_count ? $plan->domain_count : 'Unlimited' }}</span>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center border-0">
                                {{ __('No. of subdomains') }}
                                <span
                                    class="badge badge-purple badge-pill">{{ $plan->subdomain_count ? $plan->subdomain_count : 'Unlimited' }}</span>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center border-0">
                                {{ __('No. of DNSs') }}
                                <span
                                    class="badge badge-purple badge-pill">{{ $plan->dns_count ? $plan->dns_count : 'Unlimited' }}</span>
                            </li>
                            <li class="list-group-item d-flex justify-content-between align-items-center border-0">
                                {{ __('No. of Keywords') }}
                                <span
                                    class="badge badge-purple badge-pill">{{ $plan->keyword_count ? $plan->keyword_count : 'Unlimited' }}</span>
                            </li>
                        </div>
                    </div>
                    @if (env('APP_ENV') != 'demo')
                    <div class="card-footer bg-transparent border-success text-center">
                        <a href="{{ route('invoice', $price->id) }}" class="btn btn-custom btn-block pricing-button-new"
                            role="button" aria-disabled="true">
                            {{ __('Subscribe') }} <i class="fas fa-arrow-right"></i>
                        </a>
                    </div>
                    @endif
                </div>
                @endforeach
            </div>
        </div>
        </main>
    </div>
</div>
@endsection