@extends('backend.layouts.app')
@section('content')
<div class="row">
    <div class="col-sm-12">
        <div class="justify-content-center d-flex align-items-center mt-5 mb-4">
            <h3 class="mb-0 pb-1">{{translate('System')}}</h3>
        </div>
        <div class="row" data-masonry='{"percentPosition": true }'>
            <div class="col-sm-4 col-lg-4">
                <div class="card">
                    <h4 class="card-header text-center">{{translate('Https Activation')}}</h4>
                    <div class="card-body text-center">
                        <div class="form-check form-switch form-switch-right form-switch-md justify-content-center">
                            <input class="form-check-input"  type="checkbox" onchange="updateSettings(this, 'FORCE_HTTPS')" @if( env('FORCE_HTTPS') == 'On') checked @endif>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-4 col-lg-4">
                <div class="card">
                    <h4 class="card-header text-center">{{translate('Maintenance mode activation')}}</h4>
                    <div class="card-body text-center">
                        <div class="form-check form-switch form-switch-right form-switch-md justify-content-center">
                            <input class="form-check-input"  type="checkbox" onchange="updateSettings(this, 'maintenance_mode')" @if( get_setting('maintenance_mode') == 'On') checked @endif>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-4 col-lg-4">
                <div class="card">
                    <h4 class="card-header text-center">{{translate('Disable image encoding?')}}</h4>
                    <div class="card-body text-center">
                        <div class="form-check form-switch form-switch-right form-switch-md justify-content-center">
                            <input class="form-check-input"  type="checkbox" onchange="updateSettings(this, 'disable_image_optimization')" @if( get_setting('maintenance_mode') == 'On') checked @endif>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- end row -->
    </div><!-- end col -->
    <div class="col-sm-12">
        <div class="justify-content-center d-flex align-items-center mt-5 mb-4">
            <h3 class="mb-0 pb-1">{{translate('Business Related')}}</h3>
        </div>
        <div class="row" data-masonry='{"percentPosition": true }'>
            {{-- <div class="col-sm-4 col-lg-4">
                <div class="card">
                    <h4 class="card-header text-center">{{translate('Wallet system activation')}}</h4>
                    <div class="card-body text-center">
                        <div class="form-check form-switch form-switch-right form-switch-md justify-content-center">
                            <input class="form-check-input"  type="checkbox" onchange="updateSettings(this, 'wallet_system')" @if( get_setting('wallet_system') == 'On') checked @endif>
                        </div>
                    </div>
                </div>
            </div> --}}
            <div class="col-sm-4 col-lg-4">
                <div class="card">
                    <h4 class="card-header text-center">{{translate('OTP system activation')}}</h4>
                    <div class="card-body text-center">
                        <div class="form-check form-switch form-switch-right form-switch-md justify-content-center">
                            <input class="form-check-input"  type="checkbox" onchange="updateSettings(this, 'otp_system')" @if( get_setting('otp_system') == 1) checked @endif>
                        </div>
                    </div>
                </div>
            </div>
            {{-- <div class="col-sm-4 col-lg-4">
                <div class="card">
                    <h4 class="card-header text-center">{{translate('Coupon system activation')}}</h4>
                    <div class="card-body text-center">
                        <div class="form-check form-switch form-switch-right form-switch-md justify-content-center">
                            <input class="form-check-input"  type="checkbox" onchange="updateSettings(this, 'coupon_system')" @if( get_setting('coupon_system') == 'On') checked @endif>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-4 col-lg-4">
                <div class="card">
                    <h4 class="card-header text-center">{{translate('Pickup point activation')}}</h4>
                    <div class="card-body text-center">
                        <div class="form-check form-switch form-switch-right form-switch-md justify-content-center">
                            <input class="form-check-input"  type="checkbox" onchange="updateSettings(this, 'pickup_point')" @if( get_setting('pickup_point') == 'On') checked @endif>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-4 col-lg-4">
                <div class="card">
                    <h4 class="card-header text-center">{{translate('Conversation Activation')}}</h4>
                    <div class="card-body text-center">
                        <div class="form-check form-switch form-switch-right form-switch-md justify-content-center">
                            <input class="form-check-input"  type="checkbox" onchange="updateSettings(this, 'conversation_system')" @if( get_setting('conversation_system') == 'On') checked @endif>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-4 col-lg-4">
                <div class="card">
                    <h4 class="card-header text-center">{{translate('Seller product manage by admin')}}</h4>
                    <div class="card-body text-center">
                        <div class="form-check form-switch form-switch-right form-switch-md justify-content-center">
                            <input class="form-check-input"  type="checkbox" onchange="updateSettings(this, 'product_manage_by_admin')" @if( get_setting('product_manage_by_admin') == 'On') checked @endif>
                        </div>
                    </div>
                </div>
            </div> --}}
            <div class="col-sm-4 col-lg-4">
                <div class="card">
                    <h4 class="card-header text-center">{{translate('Email verification')}}</h4>
                    <div class="card-body text-center">
                        <div class="form-check form-switch form-switch-right form-switch-md justify-content-center">
                            <input class="form-check-input"  type="checkbox" onchange="updateSettings(this, 'email_verification')" @if( get_setting('email_verification') == 'On') checked @endif>
                        </div>
                        <div class="alert alert-primary mt-2" role="alert">
                            You need to configure SMTP correctly to enable this feature. <a href="{{route('website.smtp')}}"> <b style="color:#f77b0b"> Configure Now</b></a>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- end row -->
    </div><!-- end col -->
    {{-- <div class="col-sm-12">
        <div class="justify-content-center d-flex align-items-center mt-5 mb-4">
            <h3 class="mb-0 pb-1">{{translate('Payment Related')}}</h3>
        </div>
        <div class="row" data-masonry='{"percentPosition": true }'>
            <div class="col-sm-4 col-lg-4">
                <div class="card">
                    <h4 class="card-header text-center">{{translate('Paypal Payment Activation')}}</h4>
                    <div class="card-body text-center">
                        <div class="row">
                            <div class="col-sm-6">
                                <img class="float-left" src="{{ static_asset('assets/backend/images/cards/paypal.png') }}" height="30">
                            </div>
                            <div class="col-sm-6">
                                <div class="form-check form-switch form-switch-right form-switch-md justify-content-center">
                                    <input class="form-check-input"  type="checkbox" onchange="updateSettings(this, 'paypal_payment')" @if( get_setting('paypal_payment') == 'On') checked @endif>
                                </div>
                            </div>
                            
                            <div class="col-sm-auto">
                                <div class="alert alert-primary mt-2" role="alert">
                                    {{ translate('You need to configure Paypal correctly to enable this feature') }}. <a href="{{route('payment.index')}}"><b style="color:#f77b0b">{{ translate('Configure Now') }}</b></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-4 col-lg-4">
                <div class="card">
                    <h4 class="card-header text-center">{{translate('Ngenius Payment Activation')}}</h4>
                    <div class="card-body text-center">
                        <div class="row">
                            <div class="col-sm-6">
                                <img class="float-left" src="{{ static_asset('assets/backend/images/cards/ngenius.png') }}" height="30">
                            </div>
                            <div class="col-sm-6">
                                <div class="form-check form-switch form-switch-right form-switch-md justify-content-center">
                                    <input class="form-check-input"  type="checkbox" onchange="updateSettings(this, 'ngenius_payment')" @if( get_setting('ngenius_payment') == 'On') checked @endif>
                                </div>
                            </div>
                            
                            <div class="col-sm-auto">
                                <div class="alert alert-primary mt-2" role="alert" >
                                    {{ translate('You need to configure Ngenius correctly to enable this feature') }}. <a href="{{route('payment.index')}}" class=""><b style="color: #f77b0b">{{ translate('Configure Now') }}</b></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-4 col-lg-4">
                <div class="card">
                    <h4 class="card-header text-center">{{translate('Stripe Payment Activation')}}</h4>
                    <div class="card-body text-center">
                        <div class="row">
                            <div class="col-sm-6">
                                <img class="float-left" src="{{ static_asset('assets/backend/images/cards/stripe.png') }}" height="30">
                            </div>
                            <div class="col-sm-6">
                                <div class="form-check form-switch form-switch-right form-switch-md justify-content-center">
                                    <input class="form-check-input"  type="checkbox" onchange="updateSettings(this, 'stripe_payment')" @if( get_setting('stripe_payment') == 'On') checked @endif>
                                </div>
                            </div>
                            
                            <div class="col-sm-auto">
                                <div class="alert alert-primary mt-2" role="alert" >
                                    {{ translate('You need to configure Stripe correctly to enable this feature') }}. <a href="{{route('payment.index')}}"><b style="color: #f77b0b">{{ translate('Configure Now') }}</b></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-4 col-lg-4">
                <div class="card">
                    <h4 class="card-header text-center">{{translate('Authorizenet Payment Activation')}}</h4>
                    <div class="card-body text-center">
                        <div class="row">
                            <div class="col-sm-6">
                                <img class="float-left" src="{{ static_asset('assets/backend/images/cards/authorizenet.png') }}" height="30">
                            </div>
                            <div class="col-sm-6">
                                <div class="form-check form-switch form-switch-right form-switch-md justify-content-center">
                                    <input class="form-check-input"  type="checkbox" onchange="updateSettings(this, 'authorizenet_payment')" @if( get_setting('authorizenet_payment') == 'On') checked @endif>
                                </div>
                            </div>
                            
                            <div class="col-sm-auto">
                                <div class="alert alert-primary mt-2" role="alert" >
                                    {{ translate('You need to configure Authorizenet correctly to enable this feature') }}. <a href="{{route('payment.index')}}"><b style="color: #f77b0b">{{ translate('Configure Now') }}</b></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- end row -->
    </div><!-- end col --> --}}
</div><!-- end row -->
@endsection
@section('script')
    <script type="text/javascript">
        function updateSettings(el, type){
            if($(el).is(':checked')){
                var value = 1;
            }
            else{
                var value = 0;
            }
            
            $.post('{{ route('update.activation-setting') }}', {_token:'{{ csrf_token() }}', type:type, value:value}, function(data){
                if(data == '1'){
                    RNS.plugins.notify('success', '{{ translate('Settings updated successfully') }}');
                }
                else{
                    RNS.plugins.notify('danger', 'Something went wrong');
                }
            });
        }
    </script>
@endsection