@extends('admin.layouts.master')
@section('content')
    <!-- BEGIN PAGE CONTENT -->
    <div id="page-content">
        <div class="row">
            <!-- BEGIN BREADCRUMB -->
            <div class="col-md-12">
                <div class="breadcrumb-box border shadow">
                    <ul class="breadcrumb">
                        <li><a href="dashboard.html">پیشخوان</a></li>
                        <li><a href="">کاربران</a></li>
                        <li class="active">ویرایش پروفایل</li>
                    </ul>
                    <div class="breadcrumb-left">
                        {{ jdate()->format('Y-m-d') }}
                        <i class="icon-calendar"></i>
                    </div><!-- /.breadcrumb-left -->
                </div><!-- /.breadcrumb-box -->
            </div><!-- /.col-md-12 -->
            <!-- END BREADCRUMB -->

            <div class="col-12">
                <div class="portlet box border shadow">
                    <div class="portlet-heading">
                        <div class="portlet-title">
                            <h3 class="title">
                                <i class="fa fa-product-hunt fa-2x text-danger"></i>
                                فعال سازی ورود 2 مرحله ای
                            </h3>
                        </div><!-- /.portlet-title -->
                        <div class="buttons-box">
                            <a class="btn btn-sm btn-default btn-curve btn-fullscreen" rel="tooltip" title="تمام صفحه"
                                href="#">
                                <i class="icon-size-fullscreen"></i>
                            </a>
                            <a class="btn btn-sm btn-default btn-curve btn-collapse" rel="tooltip" title="کوچک کردن"
                                href="#">
                                <i class="icon-arrow-up"></i>
                            </a>
                        </div><!-- /.buttons-box -->
                    </div><!-- /.portlet-heading -->
                    <div class="portlet-body edit-form">

                        <div class="row">
                            @if ($errors->updateProfileInformation->any())
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($errors->updateProfileInformation->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                            <div class="col-lg-6 col-md-10 m-auto m-b-30">

                                <hr>
                                @if ($errors->updateProfileInformation->any())
                                    <div class="alert alert-danger">
                                        <ul>
                                            @foreach ($errors->updateProfileInformation->all() as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif

                                <div class="alert alert-info fill curve" role="alert">
                                    زمانی که احرازهویت دو مرحله ای را فعال می کنید، در زمان ورود به سایت یک عدد تصادفی با
                                    نرم افزار google authenticator ساخته میشه که شما باید آن را مورد استفاده قرار دهید.
                                </div>
                                <div class="row mb-3">
                                    <div class="col-md-4"><a
                                            href="https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2&hl=en&gl=US"
                                            data-bs-toggle="tooltip" title=" لینک دانلود نسخه اندروید از گوگل پلی "
                                            class="btn btn-info curve btn-block">نسخه اندروید</a></div>
                                            <div class="col-md-4"><a
                                                href="https://cafebazaar.ir/app/com.google.android.apps.authenticator2"
                                                data-bs-toggle="tooltip" title=" لینک دانلود نسخه اندروید از  بازار "
                                                class="btn btn-danger curve btn-block">نسخه اندروید</a></div>
                                                <div class="col-md-4"><a
                                                    href=" https://apps.apple.com/us/app/google-authenticator/id388497605"
                                                    data-bs-toggle="tooltip" title=" لینک دانلود از اپ استور اپل"
                                                    class="btn btn-success curve btn-block">نسخه IOS</a></div>

                                               
                                </div>
                                @csrf
                                @method('PUT')
                                <div class="pd-30 pd-sm-40 justify-content-center">

                                    @if (empty(auth()->user()->two_factor_secret))
                                        <form action="/user/two-factor-authentication" method="post">
                                            @csrf
                                            <button class="btn btn-primary mt-3 curve mb-3" type="submit">فعال
                                                سازی</button>
                                        </form>
                                    @else
                                        @if (is_null(auth()->user()->two_factor_confirmed_at))
                                            <div class="alert alert-danger fill curve" role="alert">
                                                جهت استفاده از ورود 2 مرحله ای توسط نرم افزار google authenticator کد
                                                زیر را
                                                اسکن کنید
                                            </div>
                                            <div class="d-flex justify-content-center">
                                                <h3 class="text-info">کلید QR ورود به سایت</h3>
                                            </div>
                                            <div class="d-flex justify-content-center">
                                                {!! auth()->user()->twoFactorQrCodeSvg() !!}</div>
                                            <div class="alert alert-warning fill curve mt-3" role="alert">
                                                لطفا جهت پیکر بندی نهایی کد دریافت شده از نرم افزار google authenticator را
                                                در محل
                                                زیر وارد نمایید

                                            </div>
                                            <form action="/user/confirmed-two-factor-authentication" method="post">
                                                @csrf
                                                <div class="form-row-title">
                                                    <h3>کد فعال سازی </h3>
                                                </div>
                                                <div class="form-group">
                                                    <input id="mobile" type="text" name="code"
                                                        class="form-control ltr text-left curve"
                                                        placeholder="کد مورد نظر را وارد نمایید" value="">
                                                    <i class="mdi mdi-account-circle-outline"></i>
                                                </div>
                                                <div class="form-row mt-3">
                                                    <button type="submit" class="btn btn-info btn-block curve">
                                                        <i class="mdi mdi-lock-open-variant-outline"></i>
                                                        تایید
                                                    </button>
                                                </div>
                                            </form>
                                        @else
                                            <div class="alert alert-success fill curve mt-3" role="alert">
                                                ورود 2 مرحله ای با موفقیت در تاریخ
                                                <<{{ jdate(auth()->user()->two_factor_confirmed_at)->format('H:i:s d-m-Y') }}>
                                                    > فعال شده است
                                            </div>
                                        @endif




                                        {{-- <div class="col-md-6 text-left dir-ltr"><h3>Recovery Codes</h3>
                                                    <ul>
                                                    @foreach (auth()->user()->recoveryCodes() as $code)
                                                        <li>{{ $code }}</li>
                                                    @endforeach
                                                </ul>
                                                </div> --}}

                                        <div class="d-flex justify-content-center">
                                            <form action="/user/two-factor-authentication" method="post">
                                                @method('delete')
                                                @csrf
                                                <button class="btn btn-primary mt-3 curve" type="submit">غیر فعال
                                                    سازی</button>
                                            </form>
                                        </div>
                                    @endif




                                </div>

                            </div><!-- /.col -->
                        </div><!-- /.row -->
                    </div><!-- /.portlet-body -->
                </div><!-- /.portlet -->
            </div><!-- /.col-12 -->
        </div><!-- /.row -->
    </div><!-- /#page-content -->
    <!-- END PAGE CONTENT -->
@endsection
@section('js-page')
    <!-- BEGIN PAGE JAVASCRIPT -->
    <script src="/assets/plugins/jquery-mask/jquery.mask.min.js"></script>
    <script src="/assets/js/pages/edit-profile.js"></script>
    <!-- END PAGE JAVASCRIPT -->
@endsection