@extends('layouts.accounts')

@section('content')
<div class="auth-wrap">
    <div class="section-wrap">
        <div class="row">
            <div class="col-12 col-md-9 mx-auto">
                <div class="form-box">
                    <div class="formHeadingContainer text-center">
                        <h2 class="form-heading">Create account</h2>
                    </div>

                    <form action="{{ route('register')}}" method="POST" class="form__content">
                        @csrf
                        @honeypot
                        <div class="form-row mb-5">
                            <div class="col-md-6 col-12">
                                <div class="form-group">
                                    <div class="form-group__content">
                                        {{-- <label for="form__input--first-name" class="form__input--label">First name <span class="required">*</span></label> --}}
                                        <input required type="text" placeholder="First Name" class="form__input form-control {{ $errors->has('firstname') ? ' is-invalid' : '' }} mx-auto" id="form__input--first-name" name="firstname" value="{{ old('firstname') }}" >
                                        @if ($errors->has('firstname'))
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $errors->first('firstname') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-6 col-12">
                                <div class="form-group">
                                    <div class="form-group__content">
                                        {{-- <label for="form__input--last-name" class="form__input--label">Last name <span class="required">*</span></label> --}}
                                        <input required type="text" placeholder="Last Name" class="form__input form-control {{ $errors->has('lastname') ? ' is-invalid' : '' }} mx-auto px-3" id="form__input--last-name" name="lastname" value="{{ old('last-name') }}" >
                                        @if ($errors->has('lastname'))
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $errors->first('lastname') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="form-group mb-5">
                            <div class="form-group__content">
                                {{-- <label for="form__input--number" class="form__input--label">Phone number <span class="required">*</span></label> --}}
                                <input required type="number" placeholder="Phone Number" class="form__input form-control {{ $errors->has('phone_number') ? ' is-invalid' : '' }} mx-auto px-3"
                                id="form__input--number" name="phone_number" value="{{ old('phone_number') }}">
                                @if ($errors->has('phone_number'))
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('phone_number') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group mb-5">
                            <div class="form-group__content">
                                {{-- <label for="form__input--email" class="form__input--label">Email <span class="required">*</span></label> --}}

                                <input required type="email" placeholder="Email" class="form__input form-control {{ $errors->has('email') ? ' is-invalid' : '' }} mx-auto px-3"
                                id="form__input--email" name="email" value="{{ old('email') }}">
                                @if ($errors->has('email'))
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('email') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group mb-5">
                            <div class="form-group__content">
                                {{-- <label for="form__input--password" class="form__input--label">Password <span class="required">*</span></label> --}}
                                <input required type="password" placeholder="Password" class="form__input form-control {{ $errors->has('password') ? ' is-invalid' : '' }} mx-auto px-3"
                                id="form__input--password" name="password">
                                @if ($errors->has('password'))
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('password') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group mb-5">
                            <div class="form-group__content">
                                {{-- <label for="form__input--confirm-password" class="form__input--label">Confirm password <span class="required">*</span></label> --}}
                                <input required type="password" placeholder="Confirm Password" class="form__input form-control mx-auto px-3" id="form__input--confirm-password" name="password_confirmation" >
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="form-group__content register">
                                <input required type="checkbox" class="form-reg__input--checkbox" id="form__input--checkbox" name="remember">
                                @if ($errors->has('remember'))
                                    <span class="invalid-feedback" role="alert">
                                        <strong>Accept terms and conditions</strong>
                                    </span>
                                @endif
                                <label for="form__input--checkbox" class="form__input--labelRegister ">
                                    <!-- custom checkbox style -->
                                    <span class="label-spanRegister">
                                        <i class="label-span__icon fas fa-check"></i>
                                    </span>
                                    <!-- end of custom checkbox -->
                                    <span class="label-textRegister">
                                        I have read and agreed to the <a href="{{route('termsAndConditions')}}" target="_blank" class="form__input--link form__input--terms-link">Farmsponsor Terms and Conditions</a>
                                    </span>
                                </label>
                            </div>
                        </div>

                        <div class="form-group mb-5">
                            <div class="form-group__content register">
                                <input required type="checkbox" class="form-reg__input--checkbox" id="form__input--privacy" name="remember">
                                <label for="form__input--privacy" class="form__input--labelRegister ">
                                    <!-- custom checkbox style -->
                                    <span class="label-spanRegister">
                                        <i class="label-span__icon fas fa-check"></i>
                                    </span>
                                    <!-- end of custom checkbox -->
                                    <span class="label-textRegister">
                                        I have read and agree to the <a href="{{route('privacyPolicy')}}" target="_blank" class="form__input--link form__input--terms-link">Farmsponsor privacy policy</a>
                                    </span>
                                </label>
                            </div>
                        </div>

                        <div class="form-group form-btnbox">
                            <button type="submit" class="form__btn">Sign Up</button>
                        </div>

                        <div class="form-group btn-wrap">
                            <a href="{{ route('login') }}" class="create-btn">Already have an account?</a>
                        </div>
                    </form>

                </div>
            </div>
        </div>
    </div>
</div>
@endsection