@extends('layouts.app')
@section('content')
<div class="page-wrapper">
    <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 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 active 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">
                            <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-cc-mercadopago"></i>{{trans('lang.mercadopago')}}
                                        </legend>
                                        @foreach($mercadopago as $data)
                                            <div class="form-check width-100">
                                                <input type="hidden" class="id" id="id" value="{{$data->id}}">
                                                <input type="checkbox" class="enable_mercadopago" id="enable_mercadopago"
                                                    value="{{$data->isEnabled}}" @if($data->isEnabled == 'true')
                                                    checked=checked @endif>
                                                <label class="col-3 control-label"
                                                    for="enable_mercadopago">{{trans('lang.app_setting_enable_mercadopago')}}</label>
                                            </div>
                                            <div class="form-check width-100">
                                                <input type="checkbox" class="sand_box_mode" id="sand_box_mode" value=""
                                                    @if($data->isSandboxEnabled == 'true') checked=checked @endif>
                                                <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_mercadopago_key')}}</label>
                                                <div class="col-7">
                                                    <input type="password" class="form-control mercadopago_key"
                                                        value="{{$data->public_key}}">
                                                    <div class="form-text text-muted">
                                                        {!! trans('lang.app_setting_mercadopago_key_help') !!}
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group row width-100">
                                                <label
                                                    class="col-3 control-label">{{trans('lang.app_setting_mercadopago_accesstoken')}}</label>
                                                <div class="col-7">
                                                    <input type="password"
                                                        class=" col-7 form-control mercadopago_accesstoken"
                                                        value="{{$data->accesstoken}}">
                                                    <div class="form-text text-muted">
                                                        {!! trans('lang.app_setting_mercadopago_accesstoken_help') !!}
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </fieldset>
                                    @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($cods as $cods)
                                        <input style="display:none" type="checkbox" class="enable_cod"
                                            value="{{$cods->isEnabled}}" id="enable_cod" @if($cods->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($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($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($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($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($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($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").val();
    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();
    $(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 mercadopagoKey = $(".mercadopago_key").val();
        var mercadopago_accesstoken = $(".mercadopago_accesstoken").val();
        var ismercadopagoEnabled = $(".enable_mercadopago").is(":checked");
        var isSandboxEnabled = $(".sand_box_mode").is(":checked");
        var id = $(".id").val();
        var url = "{{ route('payment.mercadopagoUpdate', ':id') }}";
        url = url.replace(':id', id);
        $.ajax({
            url: url,
            type: 'PUT',
            headers: {
                'X-CSRF-Token': '{{ csrf_token() }}',
            },
            //dataType: "json",
            data: {
                mercadopagoKey: mercadopagoKey,
                mercadopago_accesstoken: mercadopago_accesstoken,
                ismercadopagoEnabled: ismercadopagoEnabled,
                isSandboxEnabled: isSandboxEnabled,
            },
            success: function (response) {
                window.location.reload();
            },
            error: function (response) {
                console.log(response);
            },
        });
    })
</script>
@endsection