@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/payments/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/payments/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/payments/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/payments/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/payments/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 active wallet_active_label" href="{!! url('settings/payments/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/payments/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/payments/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/payments/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/payments/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/payments/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/payments/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/payments/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_wallet')}}</legend>

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

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

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

                                for="enable_wallet">{{trans('lang.app_setting_enable_wallet')}}</label>

                        </div>



                    </fieldset>

                </div>

            </div>

        </div>



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

            <button type="button" class="btn btn-primary edit-setting-btn save_wallet_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 paymentRef = database.collection('settings').doc('payment');

    var photo = "";

    var fileName = "";

    var ImageFile = "";

    var storageRef = firebase.storage().ref('images');

    var storage = firebase.storage();

    $(document).ready(function () {



        $('.setting_menu').addClass('active').attr('aria-expanded', true);

        $('.setting_payment_menu').addClass('active').closest('li').addClass('active');

        $('.setting_sub_menu').addClass('in').attr('aria-expanded', true);



        jQuery("#overlay").show();

        paymentRef.get().then(async function (paymentSnapshots) {

            var payment = paymentSnapshots.data().wallet;

            if (payment.enable) {

                $("#enable_wallet").prop('checked', true);

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

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



            }



            var cash = paymentSnapshots.data().cash;

            if (cash.enable) {

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



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

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

            }



            var flutterWave = paymentSnapshots.data().flutterWave;



            if (flutterWave.enable) {

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

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

            }



            var mercadoPago = paymentSnapshots.data().mercadoPago;



            if (mercadoPago.enable) {

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

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

            }



            var xendit = paymentSnapshots.data().xendit;



            if (xendit.enable) {

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

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

            }



            var orangepay = paymentSnapshots.data().orangePay;



            if (orangepay.enable) {

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

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

            }



            var midtrans = paymentSnapshots.data().midtrans;



            if (midtrans.enable) {

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

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

            }





            var payStack = paymentSnapshots.data().payStack;



            if (payStack.enable) {

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

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

            }



            var payfast = paymentSnapshots.data().payfast;



            if (payfast.enable) {

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

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

            }



            var paypal = paymentSnapshots.data().paypal;



            if (paypal.enable) {

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

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

            }



            var paytm = paymentSnapshots.data().paytm;



            if (paytm.enable) {

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

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

            }



            var razorpay = paymentSnapshots.data().razorpay;



            if (razorpay.enable) {

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

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

            }



            var strip = paymentSnapshots.data().strip;



            if (strip.enable) {

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

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

            }





            jQuery("#overlay").hide();

        })

        $(".save_wallet_btn").click(function () {



            var isEnabled = $("#enable_wallet").is(":checked");



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

                'wallet.enable': isEnabled,



            }).then(function (result) {

                window.location.href = '{{ url("settings/payments/wallet")}}';

            });



        })

    })





</script>



@endsection

