@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 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 active 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_flutterWave')}}</legend>

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

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

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

                                       for="enable_payment_method">{{trans('lang.app_setting_enable_flutterwave')}}</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')}}</label>

                            </div>



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

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

                                <div class="col-7">

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

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

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

                                    </div>

                                </div>

                            </div>



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

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

                                <div class="col-7">

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

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

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

                                    </div>

                                </div>

                            </div>



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

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

                                <div class="col-7">

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

                                </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_flutterwave')}}</label>

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

                                    {!! trans('lang.withdraw_setting_enable_flutterwave_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('flutterWave');

        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 razorpayData = database.collection('settings').doc('razorpaySettings');

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

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

        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 () {

            try {

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

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

                    var flutterWave = snapshots.data();



                    if (flutterWave == undefined) {

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

                    }

                    try {

                        if (flutterWave.isEnable) {

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

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

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

                        }



                        if (flutterWave.isSandbox) {

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

                        }

                        if (flutterWave.isWithdrawEnabled) {

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

                        }

                        $(".secretKey").val(flutterWave.secretKey);

                        $(".publicKey").val(flutterWave.publicKey);

                        $(".encryptionKey").val(flutterWave.encryptionKey);





                        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');

                            }

                        })





                        razorpayData.get().then(async function (razorpaySnapshots) {

                            var razorpay = razorpaySnapshots.data();

                            if (razorpay.isEnabled) {

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

                                jQuery(".razorpay_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');

                            }

                        })

                        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();





                })



            } catch (error) {

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

            }





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



                var secretKey = $(".secretKey").val();

                var publicKey = $(".publicKey").val();

                var isEnable = $(".enable_payment_method").is(":checked");

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

                var encryptionKey = $(".encryptionKey").val();

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

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

                    'secretKey': secretKey,

                    'publicKey': publicKey,

                    'isEnable': isEnable,

                    'isSandbox': isSandbox,

                    'encryptionKey': encryptionKey,

                    'isWithdrawEnabled': isWithdrawEnabled

                }).then(function (result) {



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



                });



            })





        })

    </script>



@endsection