@extends('front.layout.auth')
@section('content')
    <main class="main-content">
        <div class="login-wrap">
            <div class="auth-img">
                <img src="{{ asset('front/images/service.png') }}" alt="auth-img" class="bg" />
                <div class="auth-caption">
                    <div class="auth-logo">
                        <a href="#">
                            <img src="{{ asset(\Illuminate\Support\Facades\Storage::url('images/settings/'.setting('image'))) }}" alt="auth-logo" />
                        </a>
                    </div>
                    <div class="auth-footer">
                        <h4>{{ __('front.follow_us_on_social_media') }}</h4>
                        <div>
                            <a href="#">
                                <img src="{{ asset('front/images/snapchat.svg') }}" alt="snapchat" />
                            </a>
                            <a href="#">
                                <img src="{{ asset('front/images/instagram.svg') }}" alt="instagram" />
                            </a>
                            <a href="#">
                                <img src="{{ asset('front/images/twitter.svg') }}" alt="twitter" />
                            </a>
                            <a href="#">
                                <img src="{{ asset('front/images/facebook.svg') }}" alt="facebook" />
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="auth-wrap">
                <div class="auth-box">
                    <form action="{{ route('register-post') }}" id="form_login" method="post">
                        @csrf
                        @method('post')
                        <div class="form-group">
                            <label class="form-label" for="phone">{{ __('front.phone_number') }}</label>
                            <div>
                                <img src="{{ asset('front/images/phone.svg') }}" alt="phone" />
                                <input
                                        type="tel"
                                        id="phone"
                                        class="form-control"
                                        name="phone"
                                        placeholder="{{ __('front.phone_number') }}"
                                        oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*?)\..*/g, '$1');"
                                />
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="form-label" for="username">{{ __('front.username') }}</label>
                            <div>
                                <img src="{{ asset('front/images/user.svg') }}" alt="user" />
                                <input
                                        type="text"
                                        id="username"
                                        name="name"
                                        class="form-control"
                                        placeholder="{{ __('front.username') }}"
                                />
                            </div>
                        </div>

                        <div class="form-group">
                            <button type="submit" class="btn">{{ __('front.create_account') }}</button>
                        </div>
                        <div class="form-group">
                            <p class="hint">
                                {{ __('front.have_account') }}
                                <a href="#">{{ __('front.login') }}</a>
                            </p>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </main>


@endsection
@push('js')
    <script>
        $('body').on('submit','#form_login',function (e){
            e.preventDefault();

            var url = $(this).attr('action');
            $.ajax({
                url: url,
                method: "post",
                data: new FormData(this),
                dataType: 'json',

                cache       : false,
                contentType : false,
                processData : false,

                success: function (response) {
                    if(response.status == true){
// console.log(response.data.cartPage);
                        {{--                        if(response.data.cartPage == 1){--}}
                        {{--                            toastr.success("تم تسجيل الدخول بنجاح");--}}
                        {{--                            window.location.href = "{{ route('get-confirm')}}";--}}

                        {{--                        }else{--}}
                        toastr.success("{{ __('login_success') }}");
                        window.location.href = "{{ route('otp-code')}}";

                        {{--                        }--}}

                    }else{
                        if(response.status == 'failed'){
                            toastr.warning(response.message);
                            window.location.href = "{{ route('otp-code')}}";

                        }else{
                            toastr.warning(response.message);

                        }

                    }
                    // window.location.reload();
                },

            });

        })

    </script>
@endpush