@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 apple_pay_active_label" href="{!! url('settings/payments/applepay') !!}"><i

                                     class="fa fa-envelope-o mr-2"></i>{{trans('lang.app_setting_apple_pay')}}<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 active 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 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;">

                Procesing...

            </div>

            <div class="row restaurant_payout_create">

                <div class="restaurant_payout_create-inner">

                    <fieldset>

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

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

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

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

                                for="enable_paypal">{{trans('lang.app_setting_enable_paypal')}}</label>

                        </div>

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

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

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

                                for="paypal_sandbox_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_paypal_client')}}</label>

                            <div class="col-7">

                                <input type="password" class=" form-control paypal_app_id">

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

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

                                </div>

                            </div>

                        </div>

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

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

                            <div class="col-7">

                                <input type="password" class="form-control paypal_secret">

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

                                    {!! trans('lang.app_settng_paypal_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_paypal')}}</label>

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

                                {!! trans('lang.withdraw_setting_enable_paypal_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-setting-btn save_paypal_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().paypal;

            if (payment.enable) {

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

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

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

            }

            if (payment.isSandbox) {

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

            }

            if (payment.isWithdrawEnabled) {

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

            }

            $('.paypal_app_id').val(payment.paypalClient);

            $('.paypal_secret').val(payment.paypalSecret);



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

            }



            var wallet = paymentSnapshots.data().wallet;



            if (wallet.enable) {

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

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

            }

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

        })

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



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

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

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

            var isSandBox = $("#paypal_sandbox_mode").is(":checked");

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



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

                'paypal.enable': isEnabled,

                'paypal.isSandbox': isSandBox,

                'paypal.paypalClient': paypal_app_id,

                'paypal.paypalSecret': paypal_secret,

                'paypal.isWithdrawEnabled': isWithdrawEnabled

            }).then(function (result) {

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

            });



        })

    })



</script>



@endsection

