@extends('front.index')

@section('meta_title'){{trans('front.Register')}}@endsection
@section('meta_des'){{trans('front.Register')}}   @endsection
@section('meta_key'){{trans('front.Register')}} @endsection

@section('content')
    <section class="signup">
        <div class="container">
            <div class="signupfilde">
                <h3 class="title">{{trans('front.Register')}}</h3>
                <p class="textsign text-center">{{trans('front.aviblbeaccount')}}<a href="{{route('front.login-register')}}">{{trans('front.isAccount')}}</a></p>
                <form class="formsignup" action="{{route('front.auth.registerStore')}}" method="post" autocomplete="off">
                    {!! csrf_field() !!}
                    <div class="row">

                    @if ($errors->any())
                        @foreach ($errors->all() as $error)
                        <div class="alert alert-danger">
                          <svg width="30" height="36" viewBox="0 0 40 46" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M30.3317 9.61971L31.7399 10.699C35.0394 13.2307 37.432 16.7611 38.5611 20.7637C39.6901 24.7664 39.4951 29.0267 38.005 32.9094C36.5149 36.7921 33.8097 40.0892 30.2927 42.3088C26.7757 44.5284 22.6355 45.5517 18.4894 45.226C14.3434 44.9003 10.4137 43.2431 7.28642 40.5016C4.15914 37.7601 2.00185 34.0812 1.13628 30.0134C0.270714 25.9457 0.743244 21.7071 2.4834 17.9299C4.22355 14.1526 7.1381 11.0391 10.7924 9.05358M20.4942 1.31382L20.7017 27.5582" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path>
                          </svg>
                          <div class="text-mass">
                            <p>{{$error}}</p>
                          </div>
                        </div>
                        @endforeach
                      @endif

                        <div class="col-sm-6 inpusrach">
                            <label>{{trans('front.name')}}<em>*</em></label>
                            <input class="form-control" type="text"  name="name" required placeholder="{{trans('front.name')}}">
                        </div>

                        <div class="col-sm-6 inpusrach">
                            <label>{{trans('front.email')}}<em>*</em></label>
                            <input class="form-control" type="email" name="email"  required placeholder="{{trans('front.email')}}">
                        </div>
                        <div class="col-sm-6 inpusrach">
                            <label>{{trans('front.mobile')}}<em>*</em></label>
                            <input class="form-control" type="text" name="mobile"  required placeholder="{{trans('front.mobile')}}">
                        </div>
                        <div class="col-sm-6 inpusrach">
                            <label>{{trans('front.address')}}<em>*</em></label>
                            <input class="form-control" type="text" name="address"  required placeholder="{{trans('front.address')}}">
                        </div>

                        <div class="col-sm-6 inpusrach">
                            <label>{{trans('front.Password')}}<em>*</em></label>
                            <input class="form-control" type="password" required name="password" placeholder="{{trans('front.Password')}}">
                        </div>
                        <div class="col-sm-6 inpusrach">
                            <label>{{trans('front.Password-Confirmation')}}<em>*</em></label>
                            <input class="form-control" type="password" required name="password_confirmation" placeholder="{{trans('front.Password-Confirmation')}}">
                        </div>
                    </div>
                    <div class="chicksign">
                        <label class="che-box">
                            <input type="checkbox"  name="check"><span class="label-text">بالتسجيل ، أنت توافق على أنك قرأت ووافقت على<a href="#" target="_blank"> سياسة الاستخدام </a></span>
                        </label>
                    </div>

                    <div class="text-center">
                        <button class="bottom" type="submit">{{trans('front.SendRegister')}}</button>
                    </div>
                </form>
            </div>
        </div>
    </section>
@endsection