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

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

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

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

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

                                <div class="col-7">

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

                                </div>

                            </div>



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

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

                                <div class="col-7">

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

                                </div>

                            </div>



                        </fieldset>

                        <fieldset>

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

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

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

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

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

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

        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 paystack = snapshots.data();



                if (paystack == undefined) {

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

                }



                try {

                    if (paystack.isEnable) {

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

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

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

                    }



                    if (paystack.isSandbox) {

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

                    }



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

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

                    $(".callbackURL").val(paystack.callbackURL);

                    $(".webhookURL").val(paystack.webhookURL);





                    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.isEnable) {

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

                        }

                    })



                    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 secretKey = $(".secretKey").val();

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

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

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

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

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

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

                    'secretKey': secretKey,

                    'publicKey': publicKey,

                    'isEnable': isEnable,

                    'isSandbox': isSandbox,

                    'callbackURL': callbackURL,

                    'webhookURL': webhookURL

                }).then(function (result) {



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



                });



            })





        })

    </script>



@endsection