@php $stripeStatus = setting('payment_stripe_status'); @endphp
<table class="table payment-method-item">
    <tbody>
        <tr class="border-pay-row">
            <td class="border-pay-col"><i class="fa fa-theme-payments"></i></td>
            <td style="width: 20%;">
                <img
                    class="filter-black"
                    src="{{ url('vendor/core/plugins/stripe/images/stripe.svg') }}"
                    alt="stripe"
                >
            </td>
            <td class="border-right">
                <ul>
                    <li>
                        <a
                            href="https://stripe.com"
                            target="_blank"
                        >Stripe</a>
                        <p>{{ trans('plugins/payment::payment.stripe_description') }}</p>
                    </li>
                </ul>
            </td>
        </tr>
        <tr class="bg-white">
            <td colspan="3">
                <div
                    class="float-start"
                    style="margin-top: 5px;"
                >
                    <div class="payment-name-label-group @if ($stripeStatus == 0) hidden @endif">
                        <span class="payment-note v-a-t">{{ trans('plugins/payment::payment.use') }}:</span>
                        <label
                            class="ws-nm inline-display method-name-label">{{ setting('payment_stripe_name') }}</label>
                    </div>
                </div>
                <div class="float-end">
                    <a
                        class="btn btn-secondary toggle-payment-item edit-payment-item-btn-trigger @if ($stripeStatus == 0) hidden @endif">{{ trans('plugins/payment::payment.edit') }}</a>
                    <a
                        class="btn btn-secondary toggle-payment-item save-payment-item-btn-trigger @if ($stripeStatus == 1) hidden @endif">{{ trans('plugins/payment::payment.settings') }}</a>
                </div>
            </td>
        </tr>
        <tr class="hidden payment-content-item">
            <td
                class="border-left"
                colspan="3"
            >
                {!! Form::open() !!}
                {!! Form::hidden('type', STRIPE_PAYMENT_METHOD_NAME, ['class' => 'payment_type']) !!}
                <div class="row">
                    <div class="col-sm-6">
                        <ul>
                            <li>
                                <label>{{ trans('plugins/payment::payment.configuration_instruction', ['name' => 'Stripe']) }}</label>
                            </li>
                            <li class="payment-note">
                                <p>{{ trans('plugins/payment::payment.configuration_requirement', ['name' => 'Stripe']) }}:
                                </p>
                                <ul
                                    class="m-md-l"
                                    style="list-style-type:decimal"
                                >
                                    <li style="list-style-type:decimal">
                                        <a
                                            href="https://dashboard.stripe.com/register"
                                            target="_blank"
                                        >
                                            {{ trans('plugins/payment::payment.service_registration', ['name' => 'Stripe']) }}
                                        </a>
                                    </li>
                                    <li style="list-style-type:decimal">
                                        <p>{{ trans('plugins/payment::payment.stripe_after_service_registration_msg', ['name' => 'Stripe']) }}
                                        </p>
                                    </li>
                                    <li style="list-style-type:decimal">
                                        <p>{{ trans('plugins/payment::payment.stripe_enter_client_id_and_secret') }}
                                        </p>
                                    </li>
                                </ul>

                                <h5>{{ trans('plugins/stripe::stripe.webhook_setup_guide.title') }}</h5>

                                <p>{{ trans('plugins/stripe::stripe.webhook_setup_guide.description') }}</p>

                                <ol>
                                    <li>
                                        <p><strong>{{ trans('plugins/stripe::stripe.webhook_setup_guide.step_1_label') }}:</strong> {!! BaseHelper::clean(trans('plugins/stripe::stripe.webhook_setup_guide.step_1_description', ['link' => '<a href="https://dashboard.stripe.com/" target="_blank">Stripe Dashboard</a>'])) !!}</p>
                                    </li>

                                    <li>
                                        <p><strong>{{ trans('plugins/stripe::stripe.webhook_setup_guide.step_2_label') }}:</strong> {!! BaseHelper::clean(trans('plugins/stripe::stripe.webhook_setup_guide.step_2_description', ['url' => '<code>' . route('payments.stripe.webhook') . '</code>'])) !!}</p>
                                    </li>

                                    <li>
                                        <p><strong>{{ trans('plugins/stripe::stripe.webhook_setup_guide.step_3_label') }}:</strong> {{ trans('plugins/stripe::stripe.webhook_setup_guide.step_3_description') }}</p>
                                    </li>

                                    <li>
                                        <p><strong>{{ trans('plugins/stripe::stripe.webhook_setup_guide.step_4_label') }}:</strong> {{ trans('plugins/stripe::stripe.webhook_setup_guide.step_4_description') }}</p>
                                    </li>
                                </ol>
                            </li>
                        </ul>
                    </div>
                    <div class="col-sm-6">
                        <div class="bg-white well">
                            <x-core-setting::text-input
                                name="payment_stripe_name"
                                data-counter="400"
                                :label="trans('plugins/payment::payment.method_name')"
                                :value="setting(
                                    'payment_stripe_name',
                                    trans('plugins/payment::payment.pay_online_via', ['name' => 'Stripe']),
                                )"
                            />

                            <x-core-setting::form-group>
                                <label
                                    class="text-title-field"
                                    for="payment_stripe_description"
                                >{{ trans('core/base::forms.description') }}</label>
                                <textarea
                                    class="next-input"
                                    id="payment_stripe_description"
                                    name="payment_stripe_description"
                                >{{ get_payment_setting('description', 'stripe', __('Payment with :paymentType', ['paymentType' => 'Stripe'])) }}</textarea>
                            </x-core-setting::form-group>

                            <p class="payment-note">
                                {{ trans('plugins/payment::payment.please_provide_information') }} <a
                                    href="//www.stripe.com"
                                    target="_blank"
                                >Stripe</a>:
                            </p>

                            <x-core-setting::text-input
                                name="payment_stripe_client_id"
                                data-counter="400"
                                :label="trans('plugins/payment::payment.stripe_key')"
                                :value="BaseHelper::hasDemoModeEnabled()
                                    ? '*******************************'
                                    : setting('payment_stripe_client_id')"
                                placeholder="pk_*************"
                            />

                            <x-core-setting::text-input
                                name="payment_stripe_secret"
                                type="password"
                                :label="trans('plugins/payment::payment.stripe_secret')"
                                :value="BaseHelper::hasDemoModeEnabled()
                                    ? '*******************************'
                                    : setting('payment_stripe_secret')"
                                placeholder="sk_*************"
                            />

                            <x-core-setting::text-input
                                name="payment_stripe_webhook_secret"
                                type="password"
                                :label="trans('plugins/stripe::stripe.webhook_secret')"
                                :value="BaseHelper::hasDemoModeEnabled()
                                    ? '*******************************'
                                    : setting('payment_stripe_webhook_secret')"
                                placeholder="whsec_*************"
                            />

                            <x-core-setting::select
                                :name="'payment_' . STRIPE_PAYMENT_METHOD_NAME . '_payment_type'"
                                :label="__('Payment Type')"
                                :options="[
                                    'stripe_api_charge' => 'Stripe API Charge',
                                    'stripe_checkout' => 'Stripe Checkout',
                                ]"
                                :value="get_payment_setting(
                                    'payment_type',
                                    STRIPE_PAYMENT_METHOD_NAME,
                                    'stripe_api_charge',
                                )"
                            />

                            {!! apply_filters(PAYMENT_METHOD_SETTINGS_CONTENT, null, 'stripe') !!}
                        </div>
                    </div>
                </div>
                <div class="bg-white col-12 text-end">
                    <button
                        class="btn btn-warning disable-payment-item @if ($stripeStatus == 0) hidden @endif"
                        type="button"
                    >{{ trans('plugins/payment::payment.deactivate') }}</button>
                    <button
                        class="btn btn-info save-payment-item btn-text-trigger-save @if ($stripeStatus == 1) hidden @endif"
                        type="button"
                    >{{ trans('plugins/payment::payment.activate') }}</button>
                    <button
                        class="btn btn-info save-payment-item btn-text-trigger-update @if ($stripeStatus == 0) hidden @endif"
                        type="button"
                    >{{ trans('plugins/payment::payment.update') }}</button>
                </div>
                {!! Form::close() !!}
            </td>
        </tr>
    </tbody>
</table>