@extends('front.layout.auth')
@section('content')
{{--    --}}{{--    @if(isset($region_id))--}}
{{--    --}}{{--        <p>Selected Region ID: {{ $region_id }}</p>--}}
{{--    --}}{{--    @endif--}}
{{--    <main class="main-content">--}}
{{--        <div class="auth-wrap">--}}
{{--            <div class="container">--}}
{{--                <div class="row">--}}
{{--                    <div class="col-xl-4 col-lg-5 col-md-12">--}}
{{--                        <div class="auth-tabs">--}}
{{--                            <ul class="nav nav-tabs">--}}
{{--                                <li class="nav-item">--}}
{{--                                    <a--}}
{{--                                            class="nav-link active"--}}
{{--                                            data-bs-toggle="tab"--}}
{{--                                            data-bs-target="#login"--}}
{{--                                            href="#"--}}
{{--                                    >{{ __('login') }}</a>--}}
{{--                                </li>--}}
{{--                                <li class="nav-item">--}}
{{--                                    <a--}}
{{--                                            class="nav-link"--}}
{{--                                            data-bs-toggle="tab"--}}
{{--                                            data-bs-target="#register"--}}
{{--                                            href="#"--}}
{{--                                    >{{ __('register') }}</a>--}}
{{--                                </li>--}}
{{--                            </ul>--}}
{{--                        </div>--}}
{{--                        <div class="auth-box">--}}
{{--                            <div class="tab-content">--}}
{{--                                <div class="tab-pane fade show active" id="login">--}}
{{--                                    <form action="{{ route('login-post') }}" id="form_login" method="post">--}}
{{--                                        @csrf--}}
{{--                                        @method('post')--}}
{{--                                        <div class="form-group">--}}
{{--                                            <label class="form-label" for="phone">{{ __('phone_number') }}</label>--}}
{{--                                            <div>--}}
{{--                                                <img src="{{ asset('front/images/phone.svg') }}" alt="phone" />--}}
{{--                                                <input--}}
{{--                                                        type="tel"--}}
{{--                                                        name="email"--}}
{{--                                                        class="form-control"--}}
{{--                                                        placeholder="{{ __('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="">{{ __('password') }}</label>--}}
{{--                                            <div>--}}
{{--                                                <input--}}
{{--                                                        type="password"--}}
{{--                                                        name="password"--}}
{{--                                                        class="form-control"--}}
{{--                                                        placeholder="{{ __('password') }}"--}}
{{--                                                />--}}
{{--                                            </div>--}}
{{--                                        </div>--}}

{{--                                        <div class="form-group">--}}
{{--                                            <button type="submit" class="btn">{{ __('login_button') }}</button>--}}
{{--                                        </div>--}}
{{--                                        <div class="form-group">--}}
{{--                                            <p class="hint">--}}
{{--                                                {{ __('already_have_account') }}--}}
{{--                                                <a href="{{ route('getforgetPassword') }}">{{ __('forgot_password') }}</a>--}}
{{--                                            </p>--}}
{{--                                        </div>--}}
{{--                                    </form>--}}
{{--                                </div>--}}
{{--                                <div class="tab-pane fade" id="register">--}}
{{--                                    <form action="{{ route('register-post') }}" method="post" id="submit_login" data-parsley-validate="">--}}
{{--                                        @method('post')--}}
{{--                                        @csrf--}}
{{--                                        <div class="form-group">--}}
{{--                                            <label class="form-label" for="username">{{ __('username') }}</label>--}}
{{--                                            <div>--}}
{{--                                                <img src="{{ asset('front/images/user.svg') }}" alt="user" />--}}
{{--                                                <input--}}
{{--                                                        type="text"--}}
{{--                                                        id="username"--}}
{{--                                                        name="name"--}}
{{--                                                        class="form-control"--}}
{{--                                                        placeholder="{{ __('username_placeholder') }}"--}}
{{--                                                />--}}
{{--                                            </div>--}}
{{--                                        </div>--}}

{{--                                        <div class="form-group">--}}
{{--                                            <label class="form-label" for="phone1">{{ __('phone_number') }}</label>--}}
{{--                                            <div>--}}
{{--                                                <img src="{{ asset('front/images/phone.svg') }}" alt="phone" />--}}
{{--                                                <input--}}
{{--                                                        type="tel"--}}
{{--                                                        id="phone1"--}}
{{--                                                        name="phone"--}}
{{--                                                        class="form-control"--}}
{{--                                                        placeholder="{{ __('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="">{{ __('password') }}</label>--}}
{{--                                            <div>--}}
{{--                                                <input--}}
{{--                                                        type="password"--}}
{{--                                                        name="password"--}}
{{--                                                        class="form-control"--}}
{{--                                                        placeholder="{{ __('password') }}"--}}
{{--                                                />--}}
{{--                                            </div>--}}
{{--                                        </div>--}}

{{--                                        <div class="form-group">--}}
{{--                                            <button type="submit" class="btn">{{ __('register_button') }}</button>--}}
{{--                                        </div>--}}
{{--                                        <div class="form-group">--}}
{{--                                            <p class="hint">--}}
{{--                                                {{ __('already_have_account') }}--}}
{{--                                                <a href="{{ route('getforgetPassword') }}">{{ __('forgot_password') }}</a>--}}
{{--                                            </p>--}}
{{--                                        </div>--}}
{{--                                    </form>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </main>--}}




<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('login-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="email"
                                    placeholder="{{ __('front.phone_number') }}"
                                    oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*?)\..*/g, '$1');"
                            />
                        </div>
                    </div>
                    <div class="form-group">
                        <button type="submit" class="btn">{{ __('front.login') }}</button>
                    </div>
                    <div class="form-group">
                        <p class="hint">
                            {{ __('front.dont_have_account') }}
                            <a href="{{ route('get-register') }}">{{ __('front.create_account') }}</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();
                },

            });

        })


        $('body').on('submit','#submit_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){
                        toastr.success("{{ __('login_success') }}");
                        window.location.href = "{{ route('otp-code')}}";

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

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

            });

        })



    </script>
@endpush