@extends('layouts.application_auth_layout')

@section('content')
    <div>
        <div class="nk-block-head">
            <div class="nk-block-head-content">
                <h5 class="nk-block-title">Web Registration </h5>
                <div class="nk-block-des">
                    <small>Join to manage your Land and Properties on the Portal</small>
                </div>
            </div>
        </div><!-- .nk-block-head -->
        <form method="POST" action="{{ route('applicant_auth.notify') }}">
            @csrf

            <div class="form-group">
                <div class="form-label-group">
                    <label class="form-label" for="name">Firstname</label>
                </div>
                <input type="text" class="form-control form-control-lg" id="name" name="firstname" value="{{ old('firstname') }}" required autofocus placeholder="Enter your firstname">
            </div>

            <div class="form-group">
                <div class="form-label-group">
                    <label class="form-label" for="name">Lastname</label>
                </div>
                <input type="text" class="form-control form-control-lg" id="name" name="lastname" value="{{ old('lastname') }}" required autofocus placeholder="Enter your lastname">
            </div>



            <div class="form-group">
                <div class="form-label-group">
                    <label class="form-label" for="default-04">Email Address</label>
                </div>
                <input type="text" class="form-control form-control-lg" id="default-04" name="email" value="{{ old('email') }}" required placeholder="Enter your email address">
            </div>



            <div class="form-group">
                <div class="form-label-group">
                    <label class="form-label" for="phone">Phone Number</label>
                </div>
                <input type="text" class="form-control form-control-lg" id="phone" name="phone" value="{{ old('phone') }}"
                       required data-rule-validphone onkeypress="return BaseHelper.allowOnlyPhoneCharacters(event);" placeholder="Enter your phone number in international format">
            </div>




            <div class="form-group">
                <button class="btn btn-lg bg-custom-green text-white btn-block">Register</button>
            </div>
            <div class="form-note-s2 pt-4 center">
                <p>Already have an account? <a href="{{ route('applicant_auth.login') }}">Login</a></p>
            </div>
        </form><!-- form -->
    </div>
@endsection