@extends('welcome')

@section('seo_title', __('Plans & Pricing - For Companies'))

@section('content')
<div class="min-h-screen">
    <div class="pt-20 w-full py-4 bg-white shadow-sm">
        <div class="max-w-3xl px-2 mx-auto text-slate-600 lg:text-lg flex items-center justify-center">
            {{__("Plans & Pricing for Companies")}}
        </div>
    </div>


    <section class="pb-24 pt-12">
        <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
            <div class="mb-12">
                <h2 class="font-manrope text-5xl text-center font-bold text-blue-900 mb-4">{{__("For Companies")}}</h2>
                <div class="max-w-3xl mx-auto">
                    <p class="text-gray-500 text-center leading-6 mb-9">{{__("Show that you care about your customers. Subscribe as a premium company and claim your page to take advantage of the membership.
In order to signup simply find your company on our site and click on Claim Company")}}</p>
                </div>
            </div>
            <!--Grid-->
            <div class="space-y-8 lg:grid lg:grid-cols-3 sm:gap-6 xl:gap-8 lg:space-y-0 lg:items-center">
                <!--Pricing Card-->
                <div class="flex flex-col mx-auto max-w-sm text-gray-900 rounded-2xl bg-gray-50 p-6 xl:py-9 xl:px-12 transition-all duration-500 hover:bg-gray-100">
                    <h3 class="font-manrope text-2xl font-bold mb-3">{{__("Monthly")}}</h3>
                    <div class="flex items-center mb-6">
                        <span class="font-manrope mr-2 text-6xl font-semibold">{{opt('currency_symbol') .  opt('monthly_price')}}</span>
                        <span class="text-xl text-gray-500 ">{{__('/ month')}}</span>
                    </div>
                    <!--List-->
                    <ul class="mb-12 space-y-6 text-left text-lg text-gray-500">
                        <li class="flex items-center space-x-4">
                            <!-- Icon -->
                            <svg class="flex-shrink-0 w-6 h-6 text-blue-800" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M10 14.7875L13.0959 17.8834C13.3399 18.1274 13.7353 18.1275 13.9794 17.8838L20.625 11.25M15 27.5C8.09644 27.5 2.5 21.9036 2.5 15C2.5 8.09644 8.09644 2.5 15 2.5C21.9036 2.5 27.5 8.09644 27.5 15C27.5 21.9036 21.9036 27.5 15 27.5Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                            <span>{{__('Manage One Company') }}</span>
                        </li>
                        <li class="flex items-center space-x-4">
                            <!-- Icon -->
                            <svg class="flex-shrink-0 w-6 h-6 text-blue-800" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M10 14.7875L13.0959 17.8834C13.3399 18.1274 13.7353 18.1275 13.9794 17.8838L20.625 11.25M15 27.5C8.09644 27.5 2.5 21.9036 2.5 15C2.5 8.09644 8.09644 2.5 15 2.5C21.9036 2.5 27.5 8.09644 27.5 15C27.5 21.9036 21.9036 27.5 15 27.5Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                            <span>{{__("Email Notifications when someone posts a new review to your company")}}</span>
                        </li>
                        <li class="flex items-center space-x-4">
                            <!-- Icon -->
                            <svg class="flex-shrink-0 w-6 h-6 text-blue-800" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M10 14.7875L13.0959 17.8834C13.3399 18.1274 13.7353 18.1275 13.9794 17.8838L20.625 11.25M15 27.5C8.09644 27.5 2.5 21.9036 2.5 15C2.5 8.09644 8.09644 2.5 15 2.5C21.9036 2.5 27.5 8.09644 27.5 15C27.5 21.9036 21.9036 27.5 15 27.5Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                            <span>{{__("Add your own company description")}}</span>
                        </li>
                        <li class="flex items-center space-x-4">
                            <!-- Icon -->
                            <svg class="flex-shrink-0 w-6 h-6 text-blue-800" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M10 14.7875L13.0959 17.8834C13.3399 18.1274 13.7353 18.1275 13.9794 17.8838L20.625 11.25M15 27.5C8.09644 27.5 2.5 21.9036 2.5 15C2.5 8.09644 8.09644 2.5 15 2.5C21.9036 2.5 27.5 8.09644 27.5 15C27.5 21.9036 21.9036 27.5 15 27.5Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                            <span>{{__("No ADS on your company page")}}</span>
                        </li>
                        <li class="flex items-center space-x-4">
                            <!-- Icon -->
                            <svg class="flex-shrink-0 w-6 h-6 text-blue-800" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M10 14.7875L13.0959 17.8834C13.3399 18.1274 13.7353 18.1275 13.9794 17.8838L20.625 11.25M15 27.5C8.09644 27.5 2.5 21.9036 2.5 15C2.5 8.09644 8.09644 2.5 15 2.5C21.9036 2.5 27.5 8.09644 27.5 15C27.5 21.9036 21.9036 27.5 15 27.5Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                            <span>{{__("Premium Company Badge")}}</span>
                        </li>
                        <li class="flex items-center space-x-4">
                            <!-- Icon -->
                            <svg class="flex-shrink-0 w-6 h-6 text-blue-800" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M10 14.7875L13.0959 17.8834C13.3399 18.1274 13.7353 18.1275 13.9794 17.8838L20.625 11.25M15 27.5C8.09644 27.5 2.5 21.9036 2.5 15C2.5 8.09644 8.09644 2.5 15 2.5C21.9036 2.5 27.5 8.09644 27.5 15C27.5 21.9036 21.9036 27.5 15 27.5Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                            <span>{{__("Reply to Reviews in the name of your company")}}</span>
                        </li>
                    </ul>
                    @if(request()->has('company'))
                    <a href="{{route('companies.claim', ['site' => request('company')])}}?plan=monthly" class="py-2.5 px-5 bg-teal-600 shadow-sm rounded-full transition-all duration-500 text-base text-white font-semibold text-center w-fit mx-auto hover:bg-teal-700">{{__("Get Monthly")}}</a>
                    @else
                    <a href="{{route('companies.browse') }}" class="py-2.5 px-5 bg-blue-800 shadow-sm rounded-full transition-all duration-500 text-base text-white font-semibold text-center w-fit mx-auto hover:bg-blue-700">{{__("Find your company and claim")}}</a>
                    @endif
                    <!--List End-->
                </div>
                <!--Pricing Card-->
                <div class="flex flex-col mx-auto max-w-sm text-gray-900 rounded-2xl bg-blue-50 transition-all duration-500 hover:bg-blue-100 ">
                    <div class="uppercase bg-gradient-to-r from-blue-800 to-sky-800 rounded-t-2xl p-3 text-center text-white">
                        {{__('MOST POPULAR') }}
                    </div>
                    <div class="p-6 xl:py-9 xl:px-12">
                        <h3 class="font-manrope text-2xl font-bold mb-3">{{__("Yearly")}}</h3>
                        <div class="flex items-center mb-6">
                            <span class="font-manrope mr-2 text-6xl font-semibold text-blue-800">{{opt('currency_symbol') . opt('yearly_price')}}</span>
                            <span class="text-xl text-gray-500 ">{{__('/ year')}}</span>
                        </div>
                        <!--List-->
                        <ul class="mb-12 space-y-6 text-left text-lg ">
                            <li class="flex items-center space-x-4">
                                <!-- Icon -->
                                <svg class="flex-shrink-0 w-6 h-6 text-blue-800" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M10 14.7875L13.0959 17.8834C13.3399 18.1274 13.7353 18.1275 13.9794 17.8838L20.625 11.25M15 27.5C8.09644 27.5 2.5 21.9036 2.5 15C2.5 8.09644 8.09644 2.5 15 2.5C21.9036 2.5 27.5 8.09644 27.5 15C27.5 21.9036 21.9036 27.5 15 27.5Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
                                </svg>
                                <span>{{__('Manage One Company') }}</span>
                            </li>
                            <li class="flex items-center space-x-4">
                                <!-- Icon -->
                                <svg class="flex-shrink-0 w-6 h-6 text-blue-800" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M10 14.7875L13.0959 17.8834C13.3399 18.1274 13.7353 18.1275 13.9794 17.8838L20.625 11.25M15 27.5C8.09644 27.5 2.5 21.9036 2.5 15C2.5 8.09644 8.09644 2.5 15 2.5C21.9036 2.5 27.5 8.09644 27.5 15C27.5 21.9036 21.9036 27.5 15 27.5Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
                                </svg>
                                <span>{{__("Email Notifications when someone posts a new review to your company")}}</span>
                            </li>
                            <li class="flex items-center space-x-4">
                                <!-- Icon -->
                                <svg class="flex-shrink-0 w-6 h-6 text-blue-800" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M10 14.7875L13.0959 17.8834C13.3399 18.1274 13.7353 18.1275 13.9794 17.8838L20.625 11.25M15 27.5C8.09644 27.5 2.5 21.9036 2.5 15C2.5 8.09644 8.09644 2.5 15 2.5C21.9036 2.5 27.5 8.09644 27.5 15C27.5 21.9036 21.9036 27.5 15 27.5Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
                                </svg>
                                <span>{{__("Add your own company description")}}</span>
                            </li>
                            <li class="flex items-center space-x-4">
                                <!-- Icon -->
                                <svg class="flex-shrink-0 w-6 h-6 text-blue-800" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M10 14.7875L13.0959 17.8834C13.3399 18.1274 13.7353 18.1275 13.9794 17.8838L20.625 11.25M15 27.5C8.09644 27.5 2.5 21.9036 2.5 15C2.5 8.09644 8.09644 2.5 15 2.5C21.9036 2.5 27.5 8.09644 27.5 15C27.5 21.9036 21.9036 27.5 15 27.5Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
                                </svg>
                                <span>{{__("No ADS on your company page")}}</span>
                            </li>
                            <li class="flex items-center space-x-4">
                                <!-- Icon -->
                                <svg class="flex-shrink-0 w-6 h-6 text-blue-800" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M10 14.7875L13.0959 17.8834C13.3399 18.1274 13.7353 18.1275 13.9794 17.8838L20.625 11.25M15 27.5C8.09644 27.5 2.5 21.9036 2.5 15C2.5 8.09644 8.09644 2.5 15 2.5C21.9036 2.5 27.5 8.09644 27.5 15C27.5 21.9036 21.9036 27.5 15 27.5Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
                                </svg>
                                <span>{{__("Premium Company Badge")}}</span>
                            </li>
                            <li class="flex items-center space-x-4">
                                <!-- Icon -->
                                <svg class="flex-shrink-0 w-6 h-6 text-blue-800" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M10 14.7875L13.0959 17.8834C13.3399 18.1274 13.7353 18.1275 13.9794 17.8838L20.625 11.25M15 27.5C8.09644 27.5 2.5 21.9036 2.5 15C2.5 8.09644 8.09644 2.5 15 2.5C21.9036 2.5 27.5 8.09644 27.5 15C27.5 21.9036 21.9036 27.5 15 27.5Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
                                </svg>
                                <span>{{__("Reply to Reviews in the name of your company")}}</span>
                            </li>

                        </ul>
                        @if(request()->has('company'))
                        <a href="{{route('companies.claim', ['site' => request('company')])}}?plan=yearly" class="flex py-2.5 px-5 bg-teal-600 shadow-sm rounded-full transition-all duration-500 text-base text-white font-semibold text-center w-fit mx-auto hover:bg-teal-700">{{__("Get Yearly")}}</a>
                        @else
                        <a href="{{route('companies.browse') }}" class="py-3 px-5 bg-blue-800 shadow-sm rounded-full transition-all duration-500 text-base text-white font-semibold text-center w-fit mx-auto hover:bg-blue-700">{{__("Find your company and claim")}}</a>
                        @endif
                        <!--List End-->
                    </div>
                </div>
                <!--Pricing Card-->
                <div class="flex flex-col mx-auto max-w-sm text-gray-900 rounded-2xl bg-gray-50 p-6 xl:py-9 xl:px-12 transition-all duration-500 hover:bg-gray-100">
                    <h3 class="font-manrope text-2xl font-bold mb-3">{{__("6 Months")}}</h3>
                    <div class="flex items-center mb-6">
                        <span class="font-manrope mr-2 text-6xl font-semibold">{{opt('currency_symbol') . opt('six_months_price')}}</span>
                        <span class="text-xl text-gray-500 ">{{__('/ 6 months')}}</span>
                    </div>
                    <!--List-->
                    <ul class="mb-12 space-y-6 text-left text-lg text-gray-500">
                        <li class="flex items-center space-x-4">
                            <!-- Icon -->
                            <svg class="flex-shrink-0 w-6 h-6 text-blue-800" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M10 14.7875L13.0959 17.8834C13.3399 18.1274 13.7353 18.1275 13.9794 17.8838L20.625 11.25M15 27.5C8.09644 27.5 2.5 21.9036 2.5 15C2.5 8.09644 8.09644 2.5 15 2.5C21.9036 2.5 27.5 8.09644 27.5 15C27.5 21.9036 21.9036 27.5 15 27.5Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                            <span>{{__('Manage One Company') }}</span>
                        </li>
                        <li class="flex items-center space-x-4">
                            <!-- Icon -->
                            <svg class="flex-shrink-0 w-6 h-6 text-blue-800" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M10 14.7875L13.0959 17.8834C13.3399 18.1274 13.7353 18.1275 13.9794 17.8838L20.625 11.25M15 27.5C8.09644 27.5 2.5 21.9036 2.5 15C2.5 8.09644 8.09644 2.5 15 2.5C21.9036 2.5 27.5 8.09644 27.5 15C27.5 21.9036 21.9036 27.5 15 27.5Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                            <span>{{__("Email Notifications when someone posts a new review to your company")}}</span>
                        </li>
                        <li class="flex items-center space-x-4">
                            <!-- Icon -->
                            <svg class="flex-shrink-0 w-6 h-6 text-blue-800" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M10 14.7875L13.0959 17.8834C13.3399 18.1274 13.7353 18.1275 13.9794 17.8838L20.625 11.25M15 27.5C8.09644 27.5 2.5 21.9036 2.5 15C2.5 8.09644 8.09644 2.5 15 2.5C21.9036 2.5 27.5 8.09644 27.5 15C27.5 21.9036 21.9036 27.5 15 27.5Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                            <span>{{__("Add your own company description")}}</span>
                        </li>
                        <li class="flex items-center space-x-4">
                            <!-- Icon -->
                            <svg class="flex-shrink-0 w-6 h-6 text-blue-800" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M10 14.7875L13.0959 17.8834C13.3399 18.1274 13.7353 18.1275 13.9794 17.8838L20.625 11.25M15 27.5C8.09644 27.5 2.5 21.9036 2.5 15C2.5 8.09644 8.09644 2.5 15 2.5C21.9036 2.5 27.5 8.09644 27.5 15C27.5 21.9036 21.9036 27.5 15 27.5Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                            <span>{{__("No ADS on your company page")}}</span>
                        </li>
                        <li class="flex items-center space-x-4">
                            <!-- Icon -->
                            <svg class="flex-shrink-0 w-6 h-6 text-blue-800" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M10 14.7875L13.0959 17.8834C13.3399 18.1274 13.7353 18.1275 13.9794 17.8838L20.625 11.25M15 27.5C8.09644 27.5 2.5 21.9036 2.5 15C2.5 8.09644 8.09644 2.5 15 2.5C21.9036 2.5 27.5 8.09644 27.5 15C27.5 21.9036 21.9036 27.5 15 27.5Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                            <span>{{__("Premium Company Badge")}}</span>
                        </li>
                        <li class="flex items-center space-x-4">
                            <!-- Icon -->
                            <svg class="flex-shrink-0 w-6 h-6 text-blue-800" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M10 14.7875L13.0959 17.8834C13.3399 18.1274 13.7353 18.1275 13.9794 17.8838L20.625 11.25M15 27.5C8.09644 27.5 2.5 21.9036 2.5 15C2.5 8.09644 8.09644 2.5 15 2.5C21.9036 2.5 27.5 8.09644 27.5 15C27.5 21.9036 21.9036 27.5 15 27.5Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                            <span>{{__("Reply to Reviews in the name of your company")}}</span>
                        </li>


                    </ul>
                    @if(request()->has('company'))
                    <a href="{{route('companies.claim', ['site' => request('company')])}}?plan=six_months" class="py-2.5 px-5 bg-teal-600 shadow-sm rounded-full transition-all duration-500 text-base text-white font-semibold text-center w-fit mx-auto hover:bg-teal-700">{{__("Get 6 Months")}}</a>
                    @else
                    <a href="{{route('companies.browse') }}" class="py-2.5 px-5 bg-blue-800 shadow-sm rounded-full transition-all duration-500 text-base text-white font-semibold text-center w-fit mx-auto hover:bg-blue-700">{{__("Find your company and claim")}}</a>
                    @endif
                    <!--List End-->
                </div>
            </div>
            <!--Grid End-->

        </div>
    </section>

</div>
@endsection