@extends('layouts.app')
@section('content')
<div class="page-wrapper">
    <!-- <div class="row page-titles"> -->
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card pb-4">
                    <div class="card-body">
                        <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 active 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 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.app_setting_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')}}<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.app_setting_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.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.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.midtrans')}}<span
                                            class="badge ml-2"></span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="card-body">
                            <form>
                                <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><i
                                                    class="mr-3 fa fa-money"></i>{{trans('lang.app_setting_cod_short')}}
                                            </legend>
                                            @foreach($cods as $cod)
                                                <div class="form-check width-100">
                                                    <input type="hidden" class="id" id="id" value="{{$cod->id}}">
                                                    <input type="checkbox" class="user_active enable_cod" id="enable_cod"
                                                        value="{{$cod->isEnabled}}" @if($cod->isEnabled == 'true')
                                                        checked=checked @endif>
                                                    <label class="col-3 control-label"
                                                        for="enable_cod">{{trans('lang.app_setting_enable_cod')}}</label>
                                                    <div class="form-text text-muted">
                                                        {!! trans('lang.app_settings_enable_cod_help') !!}
                                                    </div>
                                                </div>
                                            @endforeach
                                        </fieldset>
                                        @foreach($razorpay as $razorpay)
                                            <input style="display:none" type="checkbox" class="enable_razor"
                                                value="{{$razorpay->isEnabled}}" id="enable_razor"
                                                @if($razorpay->isEnabled == "true") checked @endif>
                                        @endforeach 
                                        @foreach($stripe as $stripe)
                                            <input style="display:none" type="checkbox" class="enable_stripe"
                                                value="{{$stripe->isEnabled}}" id="enable_stripe"
                                                @if($stripe->isEnabled == "true") checked @endif>
                                        @endforeach 
                                        @foreach($paypal as $paypal)
                                            <input style="display:none" type="checkbox" class="enable_paypal"
                                                value="{{$paypal->isEnabled}}" id="enable_paypal"
                                                @if($paypal->isEnabled == "true") checked @endif>
                                        @endforeach 
                                        @foreach($payfast as $payfast)
                                            <input style="display:none" type="checkbox" class="enable_payfast"
                                                value="{{$payfast->isEnabled}}" id="enable_payfast"
                                                @if($payfast->isEnabled == "true") checked @endif>
                                        @endforeach 
                                        @foreach($paystack as $paystack)
                                            <input style="display:none" type="checkbox" class="enable_paystack"
                                                value="{{$paystack->isEnabled}}" id="enable_paystack"
                                                @if($paystack->isEnabled == "true") checked @endif>
                                        @endforeach 
                                        @foreach($flutterwave as $flutterwave)
                                            <input style="display:none" type="checkbox" class="enable_flutterwave"
                                                value="{{$flutterwave->isEnabled}}" id="enable_flutterwave"
                                                @if($flutterwave->isEnabled == "true") checked @endif>
                                        @endforeach 
                                        @foreach($wallet as $wallet)
                                            <input style="display:none" type="checkbox" class="enable_wallet"
                                                value="{{$wallet->isEnabled}}" id="enable_wallet"
                                                @if($wallet->isEnabled == "true") checked @endif>
                                        @endforeach 
                                        @foreach($mercadopago as $mercadopago)
                                            <input style="display:none" type="checkbox" class="enable_mercadopago"
                                                value="{{$mercadopago->isEnabled}}" id="enable_mercadopago"
                                                @if($mercadopago->isEnabled == "true") checked @endif>
                                        @endforeach 
                                        @foreach($applePay as $applePay)
                                            <input style="display:none" type="checkbox" class="enable_applePay"
                                                value="{{$applePay->isEnabled}}" id="enable_applePay"
                                                @if($applePay->isEnabled == "true") checked @endif>
                                        @endforeach 
                                        @foreach($orangepay as $orangepay)
                                            <input style="display:none" type="checkbox" class="enable_orangepay"
                                                value="{{$orangepay->isEnabled}}" id="enable_orangepay"
                                                @if($orangepay->isEnabled == "true") checked @endif>
                                        @endforeach 
                                        @foreach($xendit as $xendit)
                                            <input style="display:none" type="checkbox" class="enable_xendit"
                                                value="{{$xendit->isEnabled}}" id="enable_xendit"
                                                @if($xendit->isEnabled == "true") checked @endif>
                                        @endforeach  
                                        @foreach($midtrans as $midtrans)
                                            <input style="display:none" type="checkbox" class="enable_midtrans"
                                                value="{{$midtrans->isEnabled}}" id="enable_midtrans"
                                                @if($midtrans->isEnabled == "true") checked @endif>
                                        @endforeach                                         
                                    </div>
                                </div>
                        </div>
                        <div class="form-group col-12 text-center btm-btn">
                            <button type="button" class="btn btn-primary edit-setting-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>
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
<script>
    var isStripeEnabled = $(".enable_stripe").val();
    var isRazorpayenabled = $(".enable_razor").val();
    var isCodenabled = $(".enable_cod").val();
    var isPaypalenabled = $(".enable_paypal").val();
    var isPayfastenabled = $(".enable_payfast").val();
    var isPaystackenabled = $(".enable_paystack").val();
    var isflutterwaveenabled = $(".enable_flutterwave").is(":checked");
    var isWalletenabled = $(".enable_wallet").val();
    var ismercadoenabled = $(".enable_mercadopago").val();
    var isapplepayenabled = $(".enable_applePay").val();
    var isxenditenabled = $('.enable_xendit').val();
    var isorangePayenabled = $('.enable_orangepay').val();
    var ismidTransenabled = $('.enable_midtrans').val();
    console.log(isWalletenabled)
    $(document).ready(function () {
        try {
            if (isStripeEnabled == 'true') {
                jQuery(".stripe_active_label span").addClass('badge-success');
                jQuery(".stripe_active_label span").text('Active');
            }
            if (isRazorpayenabled == 'true') {
                jQuery(".razorpay_active_label span").addClass('badge-success');
                jQuery(".razorpay_active_label span").text('Active');
            }
            if (isCodenabled == 'true') {
                jQuery(".cod_active_label span").addClass('badge-success');
                jQuery(".cod_active_label span").text('Active');
            }
            if (isPaypalenabled == 'true') {
                jQuery(".paypal_active_label span").addClass('badge-success');
                jQuery(".paypal_active_label span").text('Active');
            }
            if (isPayfastenabled == 'true') {
                jQuery(".PayFast_active_label span").addClass('badge-success');
                jQuery(".PayFast_active_label span").text('Active');
            }
            if (isPaystackenabled == 'true') {
                jQuery(".PayStack_active_label span").addClass('badge-success');
                jQuery(".PayStack_active_label span").text('Active');
            }
            if (isflutterwaveenabled == true) {
                jQuery(".FlutterWave_active_label span").addClass('badge-success');
                jQuery(".FlutterWave_active_label span").text('Active');
            }
            if (isWalletenabled == 'true') {
                jQuery(".wallet_active_label span").addClass('badge-success');
                jQuery(".wallet_active_label span").text('Active');
            }
            if (ismercadoenabled == 'true') {
                jQuery(".mercadopago_active_label span").addClass('badge-success');
                jQuery(".mercadopago_active_label span").text('Active');
            }
            if (isapplepayenabled == 'true') {
                jQuery(".apple_pay_active_label span").addClass('badge-success');
                jQuery(".apple_pay_active_label span").text('Active');
            }
            if (isorangePayenabled == 'true') {
                jQuery(".orangepay_active_label span").addClass('badge-success');
                jQuery(".orangepay_active_label span").text('Active');
            }
            if (ismidTransenabled == 'true') {
                jQuery(".midtrans_active_label span").addClass('badge-success');
                jQuery(".midtrans_active_label span").text('Active');
            }
            if (isxenditenabled == 'true') {
                jQuery(".xendit_active_label span").addClass('badge-success');
                jQuery(".xendit_active_label span").text('Active');
            }           
        } catch (error) {
        }
    });
    $(".edit-setting-btn").click(function () {
        var isCODEnabled = $(".enable_cod").is(":checked");
        var id = $('.id').val();
        console.log(id);
        var url = "{{ route('payment.codUpdate', ':id') }}";
        url = url.replace(':id', id);
        $.ajax({
            url: url,
            type: 'PUT',
            headers: {
                'X-CSRF-Token': '{{ csrf_token() }}',
            },
            //dataType: "json",
            data: {
                isEnabled: isCODEnabled,
            },
            success: function (response) {
                window.location.reload();
            },
            error: function (response) {
                console.log(response);
            },
        });
    })
</script>
@endsection