@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 ($plans as $plan)
                <div class="card m-1 box-shadow price-width">
                    <div class='pricing'>
                        <div class="pricing-title">
                            {{ __($plan->name) }}
                        </div>
                    </div>
                    <div class="card-body">
                        {{-- <h1 class="card-title pricing-card-title color-black">{{ $plan->price }} <small
                                class="text-muted">USD</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">
                                    @if(is_null($plan->server_count)) 
                                    <i class='fas fa-check' style='color:#1d4606'></i> 
                                    @else
                                    @if($plan->server_count == 0) 
                                        <i class="fa fa-times" aria-hidden="true"></i>
                                      @else  
                                       <i class='fas fa-check' style='color:#1d4606'></i> 
                                      @endif
                                     
                                    @endif</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">
                                    @if(is_null($plan->webpage_count )) 
                                    <i class='fas fa-check' style='color:#1d4606'></i>
                                     @else 
                                     @if($plan->webpage_count == 0) 
                                            <i class="fa fa-times" aria-hidden="true"></i> 
                                        @else 
                                            <i class='fas fa-check' style='color:#1d4606'></i>
                                        @endif
                                       
                                    @endif
                                </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">  
                                    @if(is_null($plan->api_count))
                                  
                                        <i class='fas fa-check' style='color:#1d4606'></i>
                                        @else
                                        @if(($plan->api_count) == 0)
                                        <i class="fa fa-times" aria-hidden="true"></i>
                                        @else 
                                        <i class='fas fa-check' style='color:#1d4606'></i>
                                        @endif 
                                 
                                    @endif
                                </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">  
                                    @if(is_null($plan->ssl_count)) 
                                    <i class='fas fa-check' style='color:#1d4606'></i>
                                    @else 
                                        @if($plan->ssl_count == 0) 
                                        {{"hi"}}
                                             <i class="fa fa-times" aria-hidden="true"></i>
                                        @else  
                                            <i class='fas fa-check' style='color:#1d4606'></i>
                                       @endif 
                                  
                                     
                                    @endif
                                </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"> 
                                     @if(is_null($plan->domain_count))  
                                     <i class='fas fa-check' style='color:#1d4606'></i> 
                                    @else
                                    @if($plan->domain_count==0) 
                                             <i class="fa fa-times" aria-hidden="true"></i> 
                                         @else  
                                             <i class='fas fa-check' style='color:#1d4606'></i> 
                                         @endif
                                      
                                    @endif
                                </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"> 
                                     @if(is_null($plan->subdomain_count))  
                                     <i class='fas fa-check' style='color:#1d4606'></i>  
                                    @else 
                                    @if($plan->subdomain_count==0) 
                                             <i class="fa fa-times" aria-hidden="true"></i>
                                         @else 
                                             <i class='fas fa-check' style='color:#1d4606'></i>
                                         @endif
                                     
                                     @endif
                                </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"> 
                                    @if(is_null($plan->dns_count ))
                                    <i class='fas fa-check' style='color:#1d4606'></i> 
                                    @else
                                    @if($plan->dns_count==0)
                                           <i class="fa fa-times" aria-hidden="true"></i>
                                        @else 
                                           <i class='fas fa-check' style='color:#1d4606'></i> 
                                        @endif
                                        
                                    @endif
                                </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">
                                    @if(is_null($plan->keyword_count)) 
                                    <i class='fas fa-check' style='color:#1d4606'></i> 
                                     @else
                                     @if($plan->keyword_count==0) 
                                           <i class="fa fa-times" aria-hidden="true"></i>
                                        @else   
                                           <i class='fas fa-check' style='color:#1d4606'></i> 
                                        @endif
                                    
                                    @endif
                                </span>
                            </li>
                        </div>

                    </div>
                    @if (env('APP_ENV') != 'demo')
                    <div class="card-footer bg-transparent border-success text-center">
                        <a href="{{ route('available_plans.show', [$plan->id]) }}"
                            class="btn btn-custom btn-block pricing-button-new" role="button" aria-disabled="true">
                            {{ __('View Prices') }} <i class="fas fa-arrow-right"></i>
                        </a>
                    </div>
                    @endif
                </div>
                @endforeach
            </div>
        </div>
        </main>
    </div>
</div>
@endsection