@extends('layouts.auth')

@section('content')

    {!! Form::open(['route' => 'user.auth.register']) !!}
    
        <div class="block block-themed block-rounded block-shadow">
        
            <div class="block-header bg-gd-dusk">
                <h3 class="block-title">انشاء حساب جديد</h3>
            </div>
            
            <div class="block-content">

                <div class="form-group">
                    {!! Form::label('الاسم') !!}
                    {!! Form::text('name', null, ['class' => 'form-control', 'placeholder' => 'الاسم']) !!}
                    
                    @if($errors->has('name'))
                        <div class="text-danger">{{ $errors->first('name') }}</div>
                    @endif
                </div>
                
                <div class="form-group">
                    {!! Form::label('البريد الإلكتروني') !!}
                    {!! Form::text('email', null, ['type' => 'email', 'class' => 'form-control', 'placeholder' => 'البريد الإلكتروني']) !!}
                    
                    @if($errors->has('email'))
                        <div class="text-danger">{{ $errors->first('email') }}</div>
                    @endif
                </div>

                <div class="form-group">
                    {!! Form::label('رقم الجوال') !!}
                    {!! Form::text('phone_number', null, ['class' => 'form-control', 'placeholder' => 'رقم الجوال']) !!}
                    
                    @if($errors->has('phone_number'))
                        <div class="text-danger">{{ $errors->first('phone_number') }}</div>
                    @endif

                    <div class="text-default">مثال: +966500000000</div>
                </div>

                <div class="form-group">
                    {!! Form::label('كلمة السر') !!}
                    {!! Form::password('password', ['class' => 'form-control', 'placeholder' => 'كلمة السر']) !!}
                    
                    @if($errors->has('password'))
                        <div class="text-danger">{{ $errors->first('password') }}</div>
                    @endif
                </div>

                <div class="form-group">
                    {!! Form::label('تأكيد كلمة السر') !!}
                    {!! Form::password('password_confirmation', ['class' => 'form-control', 'placeholder' => 'تأكيد كلمة السر']) !!}
                    
                    @if($errors->has('password_confirmation'))
                        <div class="text-danger">{{ $errors->first('password_confirmation') }}</div>
                    @endif
                </div>
                
                <div class="form-group row mb-0">
                    <div class="col-12 text-sm-right push">
                        <button type="submit" class="btn btn-alt-primary col-12">
                            <i class="si si-plus ml-5"></i> انشاء الحساب
                        </button>
                    </div>
                </div>
                
            </div>
            
            <div class="block-content bg-body-light">
                <div class="form-group text-center">
                    <a class="link-effect text-muted mr-10 mb-5 d-inline-block" href="{{ route('user.auth.showLoginForm') }}">
                        <i class="fa fa-login ml-5"></i> لديك حساب؟ تسجيل الدخول
                    </a>
                </div>
            </div>
            
        </div>
        
    {!! Form::close() !!}

@endsection