@extends('welcome')

@section('seo_title')
{{ __('PayPal')  }} -
@endsection

@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">
            {{__("Redirecting you to PayPal for Payment...")}}
        </div>
    </div>

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

        <div class="mt-5 text-center text-xl text-stone-600 font-semibold">
            <h5>
                {{__('You are subscribing to manage :company for :amount (:period)', [
                'company' => $site->business_name,
                'amount' => opt('currency_symbol') . $price,
                'period' => $planName,
            ])}}
            </h5>
        </div>

        <form action="{{config('app.paypal_url')}}" method="post" name="paypalform" id="paypalform">
            <input type="hidden" name="business" value="{{ opt('paypal_email') }}" />
            <input type="hidden" name="return" value="{{ route('paypal-return') . '?type=saas'}}" />
            <input type="hidden" name="cancel_return" value="{{ route('home') }}#subscription" /company>
            <input type="hidden" name="notify_url" value="{{ route('saas.paypalIPN', ['plan' => $plan, 'subscriber' => auth()->id(), 'site' => $site->id]) }}" />
            <input type="hidden" name="item_name" value="{{ __('Premium Company Subscription')  }}" />
            <input type="hidden" name="item_number" value="{{ $planName . __('Subscription') }}" />
            <input type="hidden" name="currency_code" value="{{ opt('currency_code') }}" />
            <input type="hidden" name="a3" value="{{ $price }}" />
            <input type="hidden" name="p3" value="{{$period}}" />
            <input type="hidden" name="t3" value="{{ $plan == 'yearly' ? 'Y' : 'M' }}" />
            <input type="hidden" name="src" value="1" />
            <input type="hidden" name="cmd" value="_xclick-subscriptions" />
            <input type="hidden" name="rm" value="2" />
            <input type="hidden" name="no_shipping" value="1">
        </form>

        <div class="text-center mb-3">
            <img src="{{ asset('images/paypal-btn.png') }}" alt='paypal' class="mt-3 w-8/12 mx-auto" id="imgPP" />
        </div>

    </div>
</div>
@endsection

{{-- attention, this is dynamically appended using stack() and push() functions of BLADE --}}
{{-- @push('extraJS') --}}
{{-- <script> --}}
{{-- window.onload = function() { --}}
{{-- document.forms['paypalform'].submit(); --}}
{{-- } --}}
{{-- </script> --}}
{{-- @endpush --}}