@include('site.controllers.header')
<div class="login-p">
    @include('sweetalert::alert')

    <div class="form-section">
            <div class="row">
                <div class="col-xs-12 mb-30 px-0">
                    <article>
                        <h4><strong>تسجيل الدخول</strong></h4>
                        <p class="color-gray size-10">هذا النص هو مثال لنص هذا النص هو مثال لنص</p>
                    </article>
                </div>

                <form action="{{route('authenticate')}}" method="post" class="global-form" enctype="multipart/form-data">
                    @if (session()->has('error'))
                        <div style="text-align: center" class="alert alert-danger">
                            {{ session('error') }}
                        </div>
                    @endif
                    {{csrf_field()}}
                    <div class="form-horizontal mb-20">
                        <div class="form-group mb-0">
                            <label class="control-label col-sm-4" >
                                <span class="color-gray">إسم المستخدم</span>
                                <span class="is-required">*</span>
                                <br />
                                <span class="validation-color">إسم المستخدم</span>

                            </label>

                            <div class="col-sm-8">
                                <input type="text" name="username" required  value="{{old('username')}}" class="form-control"  placeholder="إسم المستخدم" >
                            </div>
                        </div>
                    </div>
                    <div class="form-horizontal">
                        <div class="form-group mb-0">
                            <label class="control-label col-sm-4" >
                                <span class="color-gray">كلمة المرور</span>
                                <span class="is-required">*</span>
                                <br />
                                <span class="validation-color">كلمة المرور</span>
                            </label>
                            <div class="col-sm-8 mb-20">
                                <input type="password" name="password" required class="form-control"  placeholder="كلمة المرور" >
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 px-0">
                        <a href="{{route('forgot-password')}}" class="left underlined"> هل نسيت كلمة السر ؟</a>
                        <button type="submit" style="width:100%" class="btn btn-primary mt-20">تسجيل الدخول</button>
                        <p class="mt-20 text-center">ليس لديك حساب ؟ -
                            <a href="{{route('register')}}" class="underlined"><strong>حساب جديد</strong></a>
                        </p>
                    </div>
                </form>
            </div>
     </div>
</div>

@include('site.controllers.footer')