{{-- Login Modal --}}
  <div name="loginModalName" class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModalTitle" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
            <h1>{{ __('modal.login.title') }}</h1>

            <button type="button" class="close pt-4" data-dismiss="modal" aria-label="Close">
                <img src="{{ asset('img/icon_exit_blue.png') }}" width="25px" height="25px">
            </button>
        </div>
        <div class="modal-body ">
            <div id="ajaxSet"></div>

            <div id="loginAlertMessage" class="alert alert-warning d-none" role="alert">
                {{ __('modal.login.inOrder') }}
            </div>

            <div dusk="registerModalLink" class="modal-sign-text">{{ __('modal.login.dontHave') }} <a href="#" onclick="signupModalShow()" class="sign-up-text">{{ __('modal.login.signUp') }}</a></div>

            <form id="loginForm" name="loginForm" method="POST" action="{{ route('login', app()->getLocale()) }}">
                @csrf

                <div class="form-group" style="margin-bottom: 0px;">
                    <label for="emailLogin" class="bmd-label-floating">{{ __('modal.login.emailAddress') }}</label>
                    <input id="emailLogin" type="email" class="form-control" name="email" autocomplete="false" value="{{ Cookie::get("email") ?? '' }}" required>
                    <span class="invalid-feedback  offset-md-1" role="alert">
                        <strong></strong>
                    </span>
                </div>

                <div class="form-group"  style="margin-bottom: 0px;">
                    <label for="passwordLogin" class="bmd-label-floating">{{ __('modal.login.password') }}</label>
                    <input id="passwordLogin" type="password" class="form-control" name="password" autocomplete="false" required>
                    <span class="invalid-feedback offset-md-1" role="alert">
                        <strong></strong>
                    </span>
                </div>
                <div class="justify-content-between">
                <div class="d-flex flex-nowrap" style="height: 24px">
                    <div class="mr-2">
                        <input type="checkbox" id="loginrem_checkbox" class="evp_checkbox " name="remember_me" @if (Cookie::get("email")) checked @endif/>
                        <label for="loginrem_checkbox"></label>
                    </div>
                    <div class="checkbox-label">
                        <label for="checkbox-r" class="font-weight-bold">{{ __('modal.login.rememberMe') }}</label>
                    </div>
                </div>
                <br class="d-xs-inline-block d-sm-none d-md-none d-lg-none">
                <br class="d-xs-inline-block d-sm-none d-md-none d-lg-none">
                <div class="text-xs-left text-sm-right text-md-right text-lg-right  p-1">
                <span dusk="forgotPasswordLink" class="sign-up-text pointer" data-dismiss="modal" onclick="$('#forgotPassword').modal('show');">{{ __('modal.login.forgotPassword') }}</span>
                </div>
                </div>
                <br>

                <div class="form-group text-center justify-content-center mt-2 w-100">
                    <button type="button" id="submitLogin" class="btn btn-primary w-100 buttonswidth-log-reg">{{ __('modal.login.buttonLogin') }}</button>
                </div>
            </form>
            <div class="row justify-content-center m-0 px-0">
                <div class="px-0">
                {{--<p class="modal-sign-p text-center">{{ __('modal.login.orYouCanLogin') }}</p>--}}
                <div class="mb-2">
                    <a href="{{ route('login.provider', 'facebook') }}" class="btn btn-fb fb-socbut w-100"><img src="{{ asset('img/fbico.png') }}" class="mr-1 py-1">  {{ __('modal.login.buttonFacebook') }}</a>
                </div>
                <div class="mb-2">
                    <a href="{{ route('login.provider', 'google') }}" class="btn google-socbut w-100"><img src="{{ asset('img/googleico.png') }}" class="mr-1 py-1">  {{ __('modal.login.buttonGoogle') }}</a>
                </div>
                    <script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
                {{--<div class="d-none">
                    <div id="appleid-signin" data-color="black" data-border="true" data-type="sign in" style="height: 38px; cursor: pointer;"></div>
                </div>--}}
                <div id="appleLoginButton"></div>
                <div id="appleid-signin" data-color="black" data-border="true" data-type="sign in" style="height: 38px; cursor: pointer;"></div>

                    <script type="text/javascript">
                        AppleID.auth.init({
                            clientId : "{{ config('soclogin.apple_clientId') }}",
                            scope : 'name email',
                            redirectURI : "{{ config('soclogin.apple_redirectURI') }}"
                        });
                    </script>
                </div>
            </div>
        </div>
        <div class="modal-footer">
        </div>
      </div>
    </div>
</div>
@push('scripts')
<script>
    $('#acceptTerm').on('hidden.bs.modal', function (e) {
        deleteCookie( 'acceptedTerms' );
    })
</script>
@endpush