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

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

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

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

                                for="enable_paytm">{{trans('lang.app_setting_enable_paytm')}}</label>

                        </div>

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

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

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

                                for="enable_paytm_sendbox">{{trans('lang.app_setting_enable_sandbox_mode_paytm')}}</label>

                        </div>

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

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

                            <div class="col-7">

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

                            </div>

                        </div>



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

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

                            <div class="col-7">

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

                            </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('PaytmSettings');

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

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

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

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

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



            if (paytm == undefined) {

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

            }



            try {

                if (paytm.isEnabled) {

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

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

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

                }



                if (paytm.isSandboxEnabled) {

                    $('.enable_paytm_sendbox').prop('checked', true);

                }

                $('.paytm_merchant_key').val(paytm.PAYTM_MERCHANT_KEY);

                $('.paytm_id').val(paytm.PaytmMID);



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

                    }



                })



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

                    }

                })



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

                    }

                })



                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 isenabled = $(".enable_paytm").is(":checked");

            var paytmId = "";

            var paytmMerchanty = "";

            var isSandboxEnabled = $('.enable_paytm_sendbox').is(':checked');

            var merchantID = $('.paytm_merchant_key').val();

            var paytmID = $('.paytm_id').val();

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

                'isEnabled': isenabled,

                'PAYTM_MERCHANT_KEY': merchantID,

                'isSandboxEnabled': isSandboxEnabled,

                'PaytmMID': paytmID,

            }).then(function (result) {

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

            });



        })

    })



</script>



@endsection