@extends('user.layouts.master')

@section('breadcrumb')
    @include('user.components.breadcrumb',['breadcrumbs' => [
        [
            'name'  => __("Dashboard"),
            'url'   => setRoute("user.dashboard"),
        ]
    ], 'active' => __("2FA Security")])
@endsection

@section('content')

<div class="body-wrapper">
    <div class="tow-fa-security">
        <div class="row mb-20-none">
            <div class="col-xl-6 col-lg-6 mb-20">
                <div class="two-authentic mt-10">
                    <div class="dashboard-header-wrapper">
                        <h4 class="title">{{ __("Two Factor Authenticator") }}</h4>
                    </div>
                    <div class="card-body">
                        <form class="card-form">
                            <div class="row">
                                <div class="col-xl-12 col-lg-12 form-group">
                                    <label>{{ __("Address") }}<span>*</span></label>
                                    <div class="input-group">
                                        <input type="text" class="form--control" id="referralURL" value="{{ auth()->user()->two_factor_secret }}" readonly>
                                        <div class="input-group-text textCopy"><i class="las la-copy"></i></div>
                                    </div>
                                </div>
                                <div class="col-xl-12 col-lg-12 form-group">
                                    <div class="qr-code-thumb text-center">
                                        <img class="mx-auto" style="width:300px;height:300px" src="{{ $qr_code }}">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-12 col-lg-12">
                                @if (auth()->user()->two_factor_status)
                                    <button type="button" class="btn--base bg--warning w-100 active-deactive-btn">{{ __("Disable") }}</button>
                                    <br>
                                    <div class="text--danger mt-3">{{ __("Don't forget to add this application in your google authentication app. Otherwise you can't login in your account.") }}</div>
                                @else
                                    <button type="button" class="btn--base w-100 active-deactive-btn"><span class="w-100">{{ __("Enable") }}</span></button>
                                @endif
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="col-xl-6 col-lg-6 mb-20">
                <div class="two-authentic mt-10">
                    <div class="dashboard-header-wrapper">
                        <h4 class="title">{{ __("Google Authenticator") }}</h4>
                    </div>
                    <div class="card-body">
                        <h4 class="mb-3">{{ __("Download Google Authenticator App") }}</h4>
                        <p>{{ __("Google Authenticator adds an extra layer of security to your online accounts by adding a second step of verification when you sign in. This means that in addition to your password, you'll also need to enter a code that is generated by the Google Authenticator app on your phone.") }}<a
                                href="https://support.google.com/accounts/answer/1066447?hl=en&co=GENIE.Platform=Android"
                                class="text--base" target="_blank">{{ __("How to Setup?") }}</a> </p>
                        <div class="play-store-thumb text-center mb-20">
                            <img class="mx-auto" src="{{ asset('public/frontend') }}/images/element/google-authenticator.webp" alt="img">
                        </div>
                        <div class="2fa-btn pt-3">
                            <a href="https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2"
                                class="btn--base mt-10 w-100" target="_blank"><i class="fab fa-google-play ms-1"></i>
                                {{ __("Download For Android") }}</a>
                            <a href="https://apps.apple.com/us/app/google-authenticator/id388497605"
                                class="btn--base mt-10 w-100" target="_blank"><i class="fab fa-apple ms-1"></i> {{ __("Download For IOS") }}</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection
@push('script')
    <script>
        $(".active-deactive-btn").click(function(){
            var actionRoute =  "{{ setRoute('user.security.google.2fa.status.update') }}";
            var target      = 1;
            var btnText = $(this).text();
            var message     = `{{ __("Are you sure to") }} <strong>${btnText}</strong> {{ __("2 factor authentication (Powered by google)?") }}`;
            openAlertModal(actionRoute,target,message,btnText,"POST");
        });

        // copy text
        $('.textCopy').on('click',function(){
            var copyText = document.getElementById("referralURL");
            copyText.select();
            copyText.setSelectionRange(0, 99999);
            document.execCommand("copy");

            throwMessage('success',["Copied: " + copyText.value]);
        });
    </script>
@endpush

• [F] index.blade.php
  Delete

How To Payment

Simple Steps to Complete Your Payment Securely and Efficiently

Making a payment on our website is quick and secure. Start by logging in or creating an account. Select your preferred payment method, input the required details, and review the information. Once you confirm everything is correct, click on the "Submit Payment" button. You’ll receive instant confirmation and can track your payment status through your account dashboard. It’s an easy and secure process.

• Go to the Payment Section: Access the payment area on our website or app.
• Choose Your Payment Method: Select your preferred payment option.
• Enter Payment Details: Provide the necessary payment information.
• Verify Your Information: Check that all details are correct.
• Confirm Your Payment: Click "Submit Payment" to complete the transaction.