@extends('layouts.app')



@section('content')

<div class="page-wrapper">

    <div class="card">

        <div class="payment-top-tab mt-3 mb-3">

            <ul class="nav nav-tabs card-header-tabs align-items-end">

                <li class="nav-item">

                    <a class="nav-link stripe_active_label" href="{!! url('settings/payment/stripe') !!}"><i

                            class="fa fa-envelope-o mr-2"></i>{{trans('lang.app_setting_stripe')}}<span

                            class="badge ml-2"></span>

                    </a>

                </li>

                <li class="nav-item">

                    <a class="nav-link cod_active_label" href="{!! url('settings/payment/cod') !!}"><i

                            class="fa fa-envelope-o mr-2"></i>{{trans('lang.app_setting_cod_short')}}<span

                            class="badge ml-2"></span>

                    </a>

                </li>



                <li class="nav-item">

                    <a class="nav-link active razorpay_active_label" href="{!! url('settings/payment/razorpay') !!}"><i

                            class="fa fa-envelope-o mr-2"></i>{{trans('lang.app_setting_razorpay')}}<span

                            class="badge ml-2"></span>

                    </a>

                </li>

                <li class="nav-item">

                    <a class="nav-link paypal_active_label" href="{!! url('settings/payment/paypal') !!}"><i

                            class="fa fa-envelope-o mr-2"></i>{{trans('lang.app_setting_paypal')}}<span

                            class="badge ml-2"></span>

                    </a>

                </li>

                <li class="nav-item">

                    <a class="nav-link paytm_active_label" href="{!! url('settings/payment/paytm') !!}"><i

                            class="fa fa-envelope-o mr-2"></i>{{trans('lang.app_setting_paytm')}}<span

                            class="badge ml-2"></span>

                    </a>

                </li>

                <li class="nav-item">

                    <a class="nav-link wallet_active_label" href="{!! url('settings/payment/wallet') !!}"><i

                            class="fa fa-envelope-o mr-2"></i>{{trans('lang.app_setting_wallet')}}<span

                            class="badge ml-2"></span>

                    </a>

                </li>

                <li class="nav-item">

                    <a class="nav-link payfast_active_label" href="{!! url('settings/payment/payfast') !!}"><i

                            class="fa fa-envelope-o mr-2"></i>{{trans('lang.payfast')}}<span class="badge ml-2"></span>

                    </a>

                </li>



                <li class="nav-item">

                    <a class="nav-link paystack_active_label" href="{!! url('settings/payment/paystack') !!}"><i

                            class="fa fa-envelope-o mr-2"></i>{{trans('lang.app_setting_paystack_lable')}}<span

                            class="badge ml-2"></span></a>

                </li>



                <li class="nav-item">

                    <a class="nav-link flutterWave_active_label" href="{!! url('settings/payment/flutterwave') !!}"><i

                            class="fa fa-envelope-o mr-2"></i>{{trans('lang.flutterWave')}}<span

                            class="badge ml-2"></span></a>

                </li>

                <li class="nav-item">

                    <a class="nav-link mercadopago_active_label" href="{!! url('settings/payment/mercadopago') !!}"><i

                            class="fa fa-envelope-o mr-2"></i>{{trans('lang.mercadopago')}}<span

                            class="badge ml-2"></span></a>

                </li>

                <li class="nav-item">
                    <a class="nav-link xendit_active_label"
                       href="{!! url('settings/payment/xendit') !!}"><i
                            class="fa fa-envelope-o mr-2"></i>{{trans('lang.app_setting_xendit')}}<span
                            class="badge ml-2"></span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link orangepay_active_label"
                       href="{!! url('settings/payment/orangepay') !!}"><i
                            class="fa fa-envelope-o mr-2"></i>{{trans('lang.app_setting_orangepay')}}<span
                            class="badge ml-2"></span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link midtrans_active_label"
                       href="{!! url('settings/payment/midtrans') !!}"><i
                            class="fa fa-envelope-o mr-2"></i>{{trans('lang.app_setting_midtrans')}}<span
                            class="badge ml-2"></span></a>
                </li>

            </ul>

        </div>

        <div class="card-body">

            <div id="data-table_processing" class="dataTables_processing panel panel-default" style="display: none;">

                Processing...

            </div>

            <div class="row restaurant_payout_create">

                <div class="restaurant_payout_create-inner">

                    <fieldset>

                        <legend>{{trans('lang.app_setting_razorpay')}}</legend>

                        <div class="form-check width-100">

                            <input type="checkbox" class=" enable_razorpay" id="enable_razorpay">

                            <label class="col-3 control-label"

                                for="enable_razorpay">{{trans('lang.app_setting_enable_razorpay')}}</label>

                        </div>



                        <div class="form-check width-100">

                            <input type="checkbox" class="sand_box_mode" id="sand_box_mode">

                            <label class="col-3 control-label"

                                for="sand_box_mode">{{trans('lang.app_setting_enable_sandbox_mode_razorpay')}}</label>

                        </div>



                        <div class="form-group row width-100">

                            <label class="col-3 control-label">{{trans('lang.app_setting_razorpay_key')}}</label>

                            <div class="col-7">

                                <input type="text" class="form-control razorpay_key">

                                <div class="form-text text-muted">

                                    {!! trans('lang.app_setting_razorpay_key_help') !!}

                                </div>

                            </div>

                        </div>



                        <div class="form-group row width-100">

                            <label class="col-3 control-label">{{trans('lang.app_setting_razorpay_secret')}}</label>

                            <div class="col-7">

                                <input type="text" class=" form-control razorpay_secret">

                                <div class="form-text text-muted">

                                    {!! trans('lang.app_setting_razorpay_secret_help') !!}

                                </div>

                            </div>

                        </div>

                    </fieldset>

                    <fieldset>

                        <legend>{{trans('lang.withdraw_setting')}}</legend>



                        <div class="form-check width-100">

                            <input type="checkbox" class="withdraw_enable" id="withdraw_enable">

                            <label class="col-3 control-label"

                                for="withdraw_enable">{{trans('lang.app_setting_enable_razorpay')}}</label>

                            <div class="form-text text-muted">

                                {!! trans('lang.withdraw_setting_enable_razorpay_help') !!}

                            </div>

                        </div>

                    </fieldset>



                </div>

            </div>

        </div>



        <div class="form-group col-12 text-center btm-btn">

            <button type="button" class="btn btn-primary edit-form-btn"><i class="fa fa-save"></i>

                {{trans('lang.save')}}</button>

            <a href="{{url('/dashboard')}}" class="btn btn-default"><i

                    class="fa fa-undo"></i>{{trans('lang.cancel')}}</a>

        </div>

    </div>

</div>



@endsection



@section('scripts')



<script>



    var database = firebase.firestore();

    var ref = database.collection('settings').doc('razorpaySettings');

    var stripeData = database.collection('settings').doc('stripeSettings');

    var codData = database.collection('settings').doc('CODSettings');

    var paypalData = database.collection('settings').doc('paypalSettings');

    var paytmData = database.collection('settings').doc('PaytmSettings');

    var walletData = database.collection('settings').doc('walletSettings');

    var payFastSettings = database.collection('settings').doc('payFastSettings');

    var payStackSettings = database.collection('settings').doc('payStack');

    var flutterWaveSettings = database.collection('settings').doc('flutterWave');

    var MercadopagoSettings = database.collection('settings').doc('MercadoPago');

    var xenditSettings = database.collection('settings').doc('xendit_settings');
        
    var orangePaySettings = database.collection('settings').doc('orange_money_settings');

    var midtransSettings = database.collection('settings').doc('midtrans_settings');

    $(document).ready(function () {

        jQuery("#data-table_processing").show();

        ref.get().then(async function (snapshots) {

            var razorpay = snapshots.data();



            if (razorpay == undefined) {

                database.collection('settings').doc('razorpaySettings').set({});

            }



            try {

                if (razorpay.isEnabled) {

                    $(".enable_razorpay").prop('checked', true);

                    jQuery(".razorpay_active_label span").addClass('badge-success');

                    jQuery(".razorpay_active_label span").text('Active');

                }



                if (razorpay.isSandboxEnabled) {

                    $(".sand_box_mode").prop('checked', true);

                }

                if (razorpay.isWithdrawEnabled) {

                    $(".withdraw_enable").prop('checked', true);

                }

                $(".razorpay_key").val(razorpay.razorpayKey);

                $(".razorpay_secret").val(razorpay.razorpaySecret);



                codData.get().then(async function (codSnapshots) {

                    var cod = codSnapshots.data();

                    if (cod.isEnabled) {

                        jQuery(".cod_active_label span").addClass('badge-success');

                        jQuery(".cod_active_label span").text('Active');

                    }



                })





                stripeData.get().then(async function (stripeSnapshots) {

                    var stripe = stripeSnapshots.data();

                    if (stripe.isEnabled) {

                        jQuery(".stripe_active_label span").addClass('badge-success');

                        jQuery(".stripe_active_label span").text('Active');

                    }

                })



                paypalData.get().then(async function (paypalSnapshots) {

                    var paypal = paypalSnapshots.data();

                    if (paypal.isEnabled) {

                        jQuery(".paypal_active_label span").addClass('badge-success');

                        jQuery(".paypal_active_label span").text('Active');

                    }

                })



                paytmData.get().then(async function (codSnapshots) {

                    var paytm = codSnapshots.data();

                    if (paytm.isEnabled) {

                        jQuery(".paytm_active_label span").addClass('badge-success');

                        jQuery(".paytm_active_label span").text('Active');

                    }

                })



                walletData.get().then(async function (walletSnapshots) {

                    var wallet = walletSnapshots.data();

                    if (wallet.isEnabled) {

                        jQuery(".wallet_active_label span").addClass('badge-success');

                        jQuery(".wallet_active_label span").text('Active');

                    }

                })



                payFastSettings.get().then(async function (payFastSnapshots) {

                    var payFast = payFastSnapshots.data();

                    if (payFast.isEnable) {

                        jQuery(".payfast_active_label span").addClass('badge-success');

                        jQuery(".payfast_active_label span").text('Active');

                    }

                })



                payStackSettings.get().then(async function (payStackSnapshots) {

                    var payStack = payStackSnapshots.data();

                    if (payStack.isEnable) {

                        jQuery(".paystack_active_label span").addClass('badge-success');

                        jQuery(".paystack_active_label span").text('Active');

                    }

                })





                flutterWaveSettings.get().then(async function (flutterWaveSnapshots) {

                    var flutterWave = flutterWaveSnapshots.data();

                    if (flutterWave.isEnable) {

                        jQuery(".flutterWave_active_label span").addClass('badge-success');

                        jQuery(".flutterWave_active_label span").text('Active');

                    }

                })

                MercadopagoSettings.get().then(async function (mercadopagoSnapshots) {

                    var mercadopago = mercadopagoSnapshots.data();

                    if (mercadopago.isEnabled) {

                        jQuery(".mercadopago_active_label span").addClass('badge-success');

                        jQuery(".mercadopago_active_label span").text('Active');

                    }



                })

                xenditSettings.get().then(async function (xenditSnapshots) {
                    var xendit = xenditSnapshots.data();
                    if (xendit.enable) {
                        jQuery(".xendit_active_label span").addClass('badge-success');
                        jQuery(".xendit_active_label span").text('Active');
                    }
                })

                orangePaySettings.get().then(async function (orangePaySnapshots) {
                    var orangePay = orangePaySnapshots.data();
                    if (orangePay.enable) {
                        jQuery(".orangepay_active_label span").addClass('badge-success');
                        jQuery(".orangepay_active_label span").text('Active');
                    }
                })

                midtransSettings.get().then(async function (midtransSnapshots) {
                    var midtrans = midtransSnapshots.data();
                    if (midtrans.enable) {
                        jQuery(".midtrans_active_label span").addClass('badge-success');
                        jQuery(".midtrans_active_label span").text('Active');
                    }
                })

            } catch (error) {



            }



            jQuery("#data-table_processing").hide();



        })





        $(".edit-form-btn").click(function () {



            var razorpayKey = $(".razorpay_key").val();

            var razorpaySecret = $(".razorpay_secret").val();

            var isRazorpayenabled = $(".enable_razorpay").is(":checked");

            var sendboxmode = $(".sand_box_mode").is(":checked");

            var isWithdrawEnabled = $(".withdraw_enable").is(":checked");

            database.collection('settings').doc("razorpaySettings").update({

                'isEnabled': isRazorpayenabled,

                'razorpayKey': razorpayKey,

                'razorpaySecret': razorpaySecret,

                'isSandboxEnabled': sendboxmode,

                'isWithdrawEnabled': isWithdrawEnabled

            }).then(function (result) {



                window.location.href = '{{ url("settings/payment/razorpay")}}';



            });



        })





    })

</script>



@endsection