@extends('front.layout.master')
@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>

@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 = "{{ url('/')}}";

                        {{--                        }--}}

                    }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