@extends('front.themes.'.env('THEME', 'theme-01').'.layout')

@section('content')

<section class="login-signup">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6">
                <nav class="comment-log-reg-tabmenu">
                    <div class="nav nav-tabs" id="nav-tab" role="tablist">
                        <a class="nav-item nav-link login active" id="nav-log-tab" data-toggle="tab" href="#nav-log"
                            role="tab" aria-controls="nav-log" aria-selected="true">
                            {{ __("Login") }}
                        </a>
                        <a class="nav-item nav-link" id="nav-reg-tab" data-toggle="tab" href="#nav-reg" role="tab"
                            aria-controls="nav-reg" aria-selected="false">
                            {{ __("Register") }}
                        </a>
                    </div>
                </nav>
                <div class="tab-content" id="nav-tabContent">
                    <div class="tab-pane fade show active" id="nav-log" role="tabpanel" aria-labelledby="nav-log-tab">
                        <div class="login-area">
                            <div class="header-area">
                                <h4 class="title">{{ __("LOGIN NOW") }}</h4>
                            </div>
                            <div class="login-form signin-form">
                                @include('includes.admin.form-login')
                                <form class="mloginform" action="{{ route('user.login.submit') }}" method="POST">
                                    {{ csrf_field() }}
                                    <div class="form-input">
                                        <input type="email" name="email" placeholder="{{ __('Type Email Address') }}"
                                            required="">
                                        <i class="icofont-user-alt-5"></i>
                                    </div>
                                    <div class="form-input">
                                        <input type="password" id="passw" class="Password" name="password"
                                            placeholder="{{ __('Type Password') }}" required="">
                                        <span toggle="#passw" class="fa fa-fw fa-eye field-icon toggle-password"></span>
                                        <i class="icofont-ui-password"></i>
                                    </div>
                                    <div class="form-forgot-pass">
                                        <div class="left">
                                            <input type="checkbox" name="remember" id="mrp" {{ old('remember')
                                                ? 'checked' : '' }}>
                                            <label for="mrp">{{ __("Remember Password") }}</label>
                                        </div>
                                        <div class="right">
                                            <a href="{{ route('user-forgot') }}">
                                                {{ __("Forgot Password?") }}
                                            </a>
                                        </div>
                                    </div>
                                    <input type="hidden" name="modal" value="1">
                                    <input class="mauthdata" type="hidden" value="{{ __('Authenticating...') }}">
                                    <button type="submit" class="submit-btn">{{ __("Login") }}</button>
                                    @if(App\Models\Socialsetting::find(1)->f_check == 1 ||
                                    App\Models\Socialsetting::find(1)->g_check ==
                                    1)
                                    <div class="social-area">
                                        <h3 class="title">{{ __("Or") }}</h3>
                                        <p class="text">{{ __("Sign In with social media") }}</p>
                                        <ul class="social-links">
                                            @if(App\Models\Socialsetting::find(1)->f_check == 1)
                                            <li>
                                                <a href="{{ route('social-provider','facebook') }}">
                                                    <i class="fab fa-facebook-f"></i>
                                                </a>
                                            </li>
                                            @endif
                                            @if(App\Models\Socialsetting::find(1)->g_check == 1)
                                            <li>
                                                <a href="{{ route('social-provider','google') }}">
                                                    <i class="fab google"></i>
                                                </a>
                                            </li>
                                            @endif
                                        </ul>
                                    </div>
                                    @endif
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav-reg" role="tabpanel" aria-labelledby="nav-reg-tab">
                        <div class="login-area signup-area">
                            <div class="header-area">
                                <h4 class="title">{{ __("Signup Now") }}</h4>
                            </div>
                            <div class="login-form signup-form">
                                @include('includes.admin.form-login')
                                <form class="mregisterform" action="{{route('user-register-submit')}}" method="POST">
                                    {{ csrf_field() }}

                                    <div class="form-input">
                                        <input type="text" class="User Name" name="name"
                                            placeholder="{{ __('Full Name') }}" required="" pattern="^(\S*)\s+(.*)$">
                                        <i class="icofont-user-alt-5"></i>
                                    </div>

                                    <div class="form-input">
                                        <input type="email" class="User Name" name="email"
                                            placeholder="{{ __('Email Address') }}" required="">
                                        <i class="icofont-email"></i>
                                    </div>

                                    <div class="form-input">
                                        <input type="password" id="register_password" class="Password" name="password"
                                            placeholder="{{ __(' Password') }}" required="">
                                        <span toggle="#register_password"
                                            class="fa fa-fw fa-eye field-icon toggle-password"></span>
                                        <i class="icofont-ui-password"></i>
                                    </div>

                                    <div class="form-input">
                                        <input type="password" id="confirmation_password" class="Password"
                                            name="password_confirmation" placeholder="{{ __('Confirm Password') }}"
                                            required="">
                                        <span toggle="#confirmation_password"
                                            class="fa fa-fw fa-eye field-icon toggle-password"></span>
                                        <i class="icofont-ui-password"></i>
                                    </div>

                                    @if($gs->is_capcha == 1)

                                    <ul class="captcha-area">
                                        <li>
                                            <p><img class="codeimg1" src="{{asset('storage/images/capcha_code.png')}}"
                                                    alt=""> <i class="fas fa-sync-alt pointer refresh_code "></i></p>
                                        </li>
                                    </ul>

                                    <div class="form-input">
                                        <input type="text" class="Password" name="codes"
                                            placeholder="{{ __('Enter Code') }}" required="">
                                        <i class="icofont-refresh"></i>
                                    </div>

                                    @endif
                                    @php
                                    $url = $gs->privacy_policy ? true : false;
                                    $url_terms = $gs->crow_policy ? true : false;
                                    @endphp
                                    <div class="form-forgot-pass">
                                        <div class="left">
                                            <input type="checkbox" name="agree_privacy_policy"
                                                id="agree_privacy_policy">
                                            <label for="agree_privacy_policy">Concordo com a <a target="_blank"
                                                    href="{{ $url ? route('front.privacypolicy') : ""  }}">Política de
                                                    Privacidade</a> e os <a target="_blank"
                                                    href="{{ $url_terms ? route('front.crowpolicy') : ""  }}">Termos de
                                                    Uso</a>.</label>
                                        </div>
                                    </div>

                                    <input class="mprocessdata" type="hidden" value="{{ __(' Processing...') }}">
                                    <button type="submit" class="submit-btn">{{ __("Register") }}</button>

                                </form>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>
    </div>
</section>

@endsection
@section('scripts')
<script>
    $('.toggle-password').click(function(){
    $(this).toggleClass("fa-eye fa-eye-slash");
    var input = $($(this).attr("toggle"));
    if(input.attr("type")  == "password"){
      input.attr("type", "text");
    } else {
      input.attr("type", "password");
    }
  });
</script>
@endsection