@extends('cashier::layouts.checkout')

@section('content')
    <label class="d-block text-semibold text-muted mb-20 mt-0">
        <strong>
            {{ trans('cashier::messages.razorpay') }}
        </strong>
    </label>
    <img class="rounded" width="150" src="{{ \Acelle\Cashier\Cashier::public_url('/vendor/acelle-cashier/image/razorpay.png') }}" />

    <div class="py-4">
        <h2 class="mb-40">{{ $invoice->title }}</h2>
        <p>{!! trans('cashier::messages.razorpay.checkout.intro', [
            'price' => $invoice->formattedTotal(),
        ]) !!}</p>

        <a href="javascript:;" class="btn btn-secondary" onclick="$('.razorpay-payment-button').click()">
            {{ trans('cashier::messages.razorpay.pay_with_razorpay') }}
        </a>
        
        <div class="hide" style="display:none">
            <form action="{{ \Acelle\Cashier\Cashier::lr_action('\Acelle\Cashier\Controllers\RazorpayController@checkout', [
            '_token' => csrf_token(),
            'invoice_uid' => $invoice->uid,
            'payment_gateway_id' => $paymentGateway->uid,
        ]) }}" method="POST">

                <script
                    src="https://checkout.razorpay.com/v1/checkout.js"
                    data-key="{{ $service->keyId }}" // Enter the Test API Key ID generated from Dashboard → Settings → API Keys
                    data-amount="{{ $service->convertPrice($invoice->total(), $invoice->getCurrencyCode()) }}" // Amount is in currency subunits. Hence, 29935 refers to 29935 paise or ₹299.35.
                    data-currency="{{ $invoice->getCurrencyCode() }}" //You can accept international payments by changing the currency code. Contact our Support Team to enable International for your account
                    data-order_id="{{ $order["id"] }}" //Replace with the order_id generated by you in the backend.
                    data-buttontext="{{ trans('cashier::messages.razorpay.pay_with_razorpay') }}"
                    data-name="{{ $invoice->title }}"
                    data-prefill.email="{{ $invoice->billing_email }}"
                    data-theme.color="#F37254"
                    data-customer_id="{{ $customer["id"] }}"
                    data-save="1"
                ></script>
                <input type="hidden" custom="Hidden Element" name="hidden">
            </form>
        </div>

        <div class="my-4">
            <hr>
            <form id="cancelForm" method="POST" action="{{ action('SubscriptionController@cancelInvoice', [
                        'invoice_uid' => $invoice->uid,
            ]) }}">
                {{ csrf_field() }}
                <a href="javascript:;" onclick="$('#cancelForm').submit()">
                    {{ trans('messages.subscription.cancel_now_change_other_plan') }}
                </a>
            </form>
            
        </div>
    </div>
@endsection