@extends('layout')
@section('page_title', __('firstcop.auth.register'))
@section('content')
    <div class=" w-full mx-0 pt-20 auth-page" id="register-page">
        <h1 class="text-fcgrey text-4xl font-bold mb-2 mt-2 text-center">{{__('Register')}}</h1>
        <div class="w-full sm:w-3/4 md:w-3/5 lg:w-1/3 mx-auto px-4 md:px-6 text-xl text-gray-800 leading-normal py-10">
            <form method="POST" action="{{ route('register') }}">
                @csrf

                <div class="form-group row mb-5">
                    <label for="email" class="col-12">{{__('Email')}}</label>

                    <div class="col-12">
                        {{ Form::text('email', old('email'), ['class' => 'fc-input' . ($errors->has('email') ? ' is-invalid' : ''), 'required'=> true,'placeholder' => __('Email')]) }}
                        @if ($errors->has('email'))
                            <span class="invalid-feedback">
                        <strong>{{ $errors->first('email') }}</strong>
                    </span>
                        @endif
                    </div>
                </div>
                <div class="form-group row mb-5">
                    <label for="email" class="col-12">{{__('Nom')}}</label>

                    <div class="col-12">
                        {{ Form::text('name', old('name'), ['class' => 'fc-input' . ($errors->has('name') ? ' is-invalid' : ''), 'required'=> true,'placeholder' => __('Nom')]) }}
                        @if ($errors->has('name'))
                            <span class="invalid-feedback">
                        <strong>{{ $errors->first('name') }}</strong>
                    </span>
                        @endif
                    </div>
                </div>

                <div class="form-group row mb-5">
                    <label for="password" class="col-12">{{__('Password')}}</label>

                    <div class="col-12">
                        <input id="password" type="password"  placeholder="{{__('Password')}}" class="fc-input{{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" required>

                        @if ($errors->has('password'))
                            <span class="invalid-feedback">
                            <strong>{{ $errors->first('password') }}</strong>
                        </span>
                        @endif
                    </div>
                </div>
                <div class="form-group row mb-5">
                    <label for="password-confirm" class="col-12">{{__('Confirmation')}}</label>

                    <div class="col-12">
                        <input id="password-confirm" type="password" class="fc-input" name="password_confirmation" required placeholder="{{__('Confirmation')}}">
                    </div>
                </div>



                <div class="form-group row mb-5">
                    <button type="submit" class="btn btn--fc btn-large inline-block w-full md:w-1/2 mx-auto login-btn">
                        {{__('Register')}}
                    </button>

                </div>
            </form>
                <form class="login-form" action="{{route('ethereum-login')}}" method="post">
                    @csrf
                    <input type="hidden" class="signature" name="signature">
                    <input type="hidden" class="message" name="message">
                    <input type="hidden" class="address" name="address">
                    <input type="hidden" class="code" name="code">
                </form>
                <div class="font-bold mt-8 text-2xl border-4 border-red-600 eth-login cursor-pointer text-center mb-5"><img class="inline-block h-12 w-12 " src="{{asset('img/metamask.png')}}" /><span class="px-4">Connect with your wallet</span></div>

                <div class="form-group row mb- text-center">
                    <a href="{{route('login')}}" class="btn btn--fc-inverse w-full mx-auto">
                        {{__('Want to login')}} ?
                    </a>
                </div>

        </div>
    </div>
@endsection