@extends('welcome')

@section('seo_title', __("Select Payment Method - Company Subscription"))

@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">
            {{__("Select Payment Method - Company Subscription")}}
        </div>
    </div>

    <div class="mt-10 mx-auto max-w-md p-4 review-box rounded-lg text-center">

        <x-eos-product-subscriptions-o class="w-24 h-24 mx-auto text-logo-green" />

        <div class="text-3xl text-logo-green heading-gradient font-black text-center">{{__("Company Subscription")}}</div>

        <div class="mt-1 text-center text-xl text-stone-600 font-semibold">
            {{__('You have selected the :plan_interval plan', ['plan_interval' => $planName])}}
        </div>

        <div class="text-center pb-5 mt-2">
            <span class="inline-flex px-3 py-1 font-normal text-base rounded-lg border border-indigo-100 bg-indigo-200 text-indigo-600">
                {{ opt('currency_symbol') . $planPrice }} / {{ $showPlan }}
            </span>
        </div>

        <hr class="mt-3" />


        @if (opt('stripeEnable', 'No') == 'Yes')
        <div class="flex justify-center flex-col items-center">
            <span class="text-stone-500 font-semibold">
                {{ __('Subscribe with Card') }}
            </span>
            <a href="{{ route('saas.sendToGateway', ['gateway' => 'Stripe', 'plan' => $plan]) }}?company={{$site->id}}" class="w-44 text-center px-5 py-3 bg-indigo-800 border border-transparent rounded font-black text-xs text-white uppercase tracking-widest hover:bg-indigo-700 active:bg-indigo-900 focus:outline-none focus:border-gray-900 focus:ring ring-gray-300 disabled:opacity-25 transition ease-in-out duration-150">
                {{ __('Credit Card')  }}
            </a>
        </div>
        @endif

        @if (opt('paypalEnable', 'No') == 'Yes')
        <div class="mt-3 flex justify-center flex-col items-center">
            <span class="text-stone-500 font-semibold">
                {{ __('Subscribe via PayPal') }}
            </span>
            <a href="{{ route('saas.sendToGateway', ['gateway' => 'PayPal', 'plan' => $plan]) }}?company={{$site->id}}" class="w-44 text-center px-5 py-3 bg-yellow-500 border border-transparent rounded font-black text-xs text-white uppercase tracking-widest hover:bg-yellow-600 active:bg-indigo-900 focus:outline-none focus:border-gray-900 focus:ring ring-gray-300 disabled:opacity-25 transition ease-in-out duration-150">
                {{ __('PayPal')  }}
            </a>
        </div>
        @endif


        <div class="flex flex-wrap items-center mt-5 border-t pt-5 justify-center">
            <img src="{{asset('images/stripe-cards.png')}}" alt="stripe card" class="w-40">
            <img src="{{asset('images/paypal-btn.png') }}" alt="paypal payments" class="w-44">
        </div>

    </div>
</div>
@endsection