@extends('frontend.layouts.frontend_design') @section('content')

<div class="login-page-outer">
    <div class="login-block-outer">

        <div class="login-page">
            <form method="POST" name="customer_login" action="{{ route('customer_login_action') }}" id="login-form" class="push--top-small forward">
                <input type="hidden" name="_token" value="{{ csrf_token() }}" />
                <h4 id="input-title" data-reactid="17">Welcome back</h4>
                <label class="label" id="input-label" for="useridInput" data-reactid="18">
                    Phone Number (required)
                </label>
                <div style="margin-bottom:24px;" data-reactid="19">
                    <div data-reactid="20">
                        <div data-reactid="22">
                            <input type="text" id="useridInput" name="phone_number" value="" class="text-input req" placeholder="Enter register phone number" required />
                        </div>
                    </div>
                    <div id="error-caption" style="font-weight:500;font-size:12px;line-height:24px;color:rgb(203, 56, 11);box-sizing:border-box;" data-reactid="24">
                        <div data-reactid="25"></div>
                    </div>
                </div>
                <div class="next-button-wrapper">
                    <input type="submit" class="btn submit-btn" value="Login" />
                </div>
                <div class="small push-small--bottom push-small--top" id="sign-up-link-only" data-reactid="32">
                    <p class=" display--inline" data-reactid="33">New User ? <a href="{{ route('customer_signup') }}">Create
                            an account</a></p>
                </div>

                <div class="small push-small--bottom push-small--top" id="sign-up-link-only" data-reactid="32">
                    <p class=" display--inline">
                        @if($errors->any())
                        <div class="errorblock">{{$errors->first()}}</div>
                        @endif
                    </p>
                </div>
            </form>
        </div>


    </div>
</div>

@endsection @section('pagescript')
<script type="text/javascript">
    $(document).ready(function() {
        $('#login-form').validate();
        $('#useridInput').css({
            "padding-left": "8px"
        });
        $('#useridInput').keyup(function() {
            var dInput = this.value;
            if (parseInt(dInput) > 10) {
                $(this).css({
                    "padding-left": ($('.iti__selected-flag').width() + 20) + "px"
                });
                $('.iti--separate-dial-code .iti__selected-flag').show();
            } else {
                $(this).css({
                    "padding-left": "8px"
                });
                $('.iti--separate-dial-code .iti__selected-flag').hide();
            }
            if (dInput != "") {
                $('.submit-btn').removeClass('grey');
            } else {
                $('.submit-btn').addClass('grey');
            }
        });
    });
    var input = document.querySelector("#useridInput");
    window.intlTelInput(input, {
        // allowDropdown: false,
        // autoHideDialCode: false,
        // autoPlaceholder: "off",
        // dropdownContainer: document.body,
        // excludeCountries: ["us"],
        // formatOnDisplay: false,
        // geoIpLookup: function(callback) {
        //   $.get("http://ipinfo.io", function() {}, "jsonp").always(function(resp) {
        //     var countryCode = (resp && resp.country) ? resp.country : "";
        //     callback(countryCode);
        //   });
        // },
        // hiddenInput: "full_number",
        // initialCountry: "auto",
        // localizedCountries: { 'de': 'Deutschland' },
        // nationalMode: false,
        // onlyCountries: ['us', 'gb', 'ch', 'ca', 'do'],
        // placeholderNumberType: "MOBILE",
        preferredCountries: [],
        separateDialCode: true,
        utilsScript: "{{ asset('frontend/js/phone/utils.js')}}",
    });
</script>
@stop