@extends('web.layouts.app')
@section('title','تسجيل جديد و تسجيل دخول')
@section('content')

    <!-- start form for login -->


    <div class="bac_login">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-6">
                    <div class="log_form">
                        <div class="form_head">
                            <button id="div_log" class="div_log" data-toggle="collapse" data-target="#coll_log">تسجيل
                                الدخول
                            </button>
                            <button id="div_reg" class="div_reg" data-toggle="collapse" data-target="#new_log">حساب
                                جديد
                            </button>
                        </div>
                        <div style="display: block" id="coll_log" class="collapse">
                            <div class="fform">
                                <div class="row">
                                    <form style="display: contents" method="post" action="{{route('login')}}"
                                          enctype="multipart/form-data">
                                        {{csrf_field()}}
                                        <div class="col-12">
                                            <p>رقم الجوال</p>
                                            <input type="text" name="mobile" placeholder="رقم الجوال">
                                            @if ($errors->has('mobile'))
                                                <small
                                                    class="text-danger">{{ $errors->first('mobile') }}</small>
                                            @endif
                                        </div>
                                        <div class="col-12">
                                            <div class="margin_form">
                                                <p> كلمة المرور</p>
                                                <input type="password" name="password" placeholder=" كلمة المرور">
                                                @if ($errors->has('password'))
                                                    <small
                                                        class="text-danger">{{ $errors->first('password') }}</small>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <div class="margin_form">
                                                <div class="remember-row single-login-field clearfix">
                                                    <p class="checkbox remember">
                                                        <input class="checkbox-spin" name="remember" type="checkbox"
                                                               id="Freelance">
                                                        <label for="Freelance"><span></span>تذكرني</label>
                                                    </p>
                                                    <p class="lost-pass">
                                                        <a href="#" data-toggle="modal" data-target="#staticBackdrop">لا
                                                            تتذكر كلمةالمرور؟</a>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12">

                                            <a class="login_but">
                                                <button class="but_Hov">تسجيل دخول</button>
                                            </a>

                                        </div>
                                        <div class="col-12">
                                            <div class="margin_form">
                                                <div class="q_company">
                                                    <span>هل انت صاحب شركة ؟</span>
                                                    <a href="{{route('register_company')}}">الدخول كاشركة</a>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div id="new_log" class="collapse">
                            <div class="fform">
                                <div class="row">
                                    <form style="display: contents" method="post" action="{{route('register')}}"
                                          enctype="multipart/form-data">
                                        {{csrf_field()}}
                                        <div class="col-lg-6">
                                            <p> الاسم الاول</p>
                                            <input name="first_name" type="text" placeholder="الاسم الاول">
                                            @if ($errors->has('first_name'))
                                                <small class="text-danger">{{ $errors->first('first_name') }}</small>
                                            @endif
                                        </div>
                                        <div class="col-lg-6">
                                            <p> اسم العائلة</p>
                                            <input name="last_name" type="text" placeholder="اسم العائلة ">
                                            @if ($errors->has('last_name'))
                                                <small class="text-danger">{{ $errors->first('last_name') }}</small>
                                            @endif
                                        </div>
                                        <div class="col-12">
                                            <div class="margin_form">
                                                <p> رقم الجوال</p>
                                                <input name="mobile" type="number" placeholder="رقم الجوال ">
                                                @if ($errors->has('mobile'))
                                                    <small class="text-danger">{{ $errors->first('mobile') }}</small>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <div class="margin_form">
                                                <p>البريد الالكتروني</p>
                                                <input name="email" type="email" placeholder="البريد الالكتروني">
                                                @if ($errors->has('email'))
                                                    <small class="text-danger">{{ $errors->first('email') }}</small>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <div class="margin_form">
                                                <p> كلمة المرور</p>
                                                <input name="password" type="password" placeholder=" كلمة المرور">
                                                @if ($errors->has('password'))
                                                    <small class="text-danger">{{ $errors->first('password') }}</small>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <div class="margin_form">
                                                <p> تاكيد كلمة المرور</p>
                                                <input name="password_confirmation" type="password"
                                                       placeholder=" تاكيد كلمة المرور">
                                                @if ($errors->has('password_confirmation'))
                                                    <small
                                                        class="text-danger">{{ $errors->first('password_confirmation') }}</small>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <div class="margin_form">
                                                <a class="login_but">
                                                    <button class="but_Hov">تسجيل دخول</button>
                                                </a>
                                            </div>
                                        </div>
                                        {{--                                        <div class="col-12">--}}
                                        {{--                                            <div class="margin_form">--}}
                                        {{--                                                <div class="q_company">--}}
                                        {{--                                                    <span>   تمتلك حساب بالفعل ؟</span>--}}
                                        {{--                                                    <a href="#"> تسجيل دخول</a href="#">--}}
                                        {{--                                                </div>--}}
                                        {{--                                            </div>--}}
                                        {{--                                        </div>--}}
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="log_img">
                        <img src="{{asset('web/img/Group 2230.png')}}" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--forgetpass Modal -->
    <div class="modal fade" id="staticBackdrop" data-backdrop="static" tabindex="-1" role="dialog"
         aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content" style="width: 672px;">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body" style="padding:0px 120px; padding-bottom: 60px;">
                    <h4>إعادة ضيط كلمة السر</h4>
                    <p> من فضلك ادخل رقم الجوال لاعادة ضبط كلمة المرور</p>
                    <div class="fform">
                        <form style="display: contents" method="post" action="{{route('check_mobile_store')}}"
                              enctype="multipart/form-data">
                            {{csrf_field()}}
                            <p>رقم الجوال</p>
                            <input type="text" name="mobile_in" placeholder="رقم الجوال">
                            @if ($errors->has('mobile_in'))
                                <small class="text-danger">{{ $errors->first('mobile_in') }}</small>
                            @endif
                            <a class="login_but">
                                <button class="but_Hov">ارسال</button>
                            </a>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>



@endsection