@extends('layout.mainlayout-without-img')

@section('content')
    <style>
        /* Chrome, Safari, Edge, Opera */
        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        /* Firefox */
        input[type=number] {
            -moz-appearance: textfield;
        }
    </style>
    <div class="full-page singup">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-sm-8 col-md-6 col-lg-5">
                    <div class="singup-form mobile-form">
                        <div class="form-cntnt text-center">
                            <h2 class="h2 logo-name"><img @if(!empty(config('services.PROFILE_ID'))) src="/images/{{config('services.PROFILE_LOGO')}}" @else src="/images/logo-white.png" @endif  style="width:200px;" /></h2>
                        </div> <!-- Form Content -->
                        <form action="/verification" class="main-form my-5">
                            <div class="form-desc">
                                <h3 class="h4 form-head mb-3">{{trans("web.sign_mobile")}}</h3>
                            </div> <!-- Form Description -->
                            <div class="row">
                                <div class="col">
                                    <div class="alert alert-danger" role="alert" style="display: none;"></div>
                                </div>
                            </div>
                            <div class="all-form">
                                <div class="fields num my-4 d-flex" style="direction: ltr">
                                    +966
                                    <input style="margin-left: 5px;" id="mobile_number" name="mobile_number" autofocus type="number" class="number d-inline-block flex-grow-1" value="5" />
                                </div> <!-- End Fields Number-->
                            </div>
                            <div class="btns text-center my-3">
                                <button id="next-signin" class="btn next-btn btn-btm d-block w-100">{{trans("web.next")}}</button>
                            </div> <!-- End Buttons Div-->
                        </form> <!-- End Main Form -->
                        <div class="btns text-center my-3">
                            <a style="text-align: center" href="/email/signin">{{trans("web.email_login")}}</a>
                        </div> <!-- End Buttons Div-->
                        <footer class="form-footer text-center d-sm-block" style="margin-top: 100px;">
                            <p class="copy">{{trans("web.footer_stamp")}}</p>
                            <a href="#" class="link d-block">{{trans("web.policy")}}</a>
                            <a href="#" class="link d-block">{{trans("web.terms")}}</a>
                        </footer>
                    </div>
                </div> <!-- End column -->
            </div> <!-- End Row -->
        </div> <!-- End Container-->
    </div> <!-- End Full Page -->

@endsection






<b></b>