lhr/resources/views/login.blade.php

@extends('layouts.login')
@section('content')

<div id="formView">
  <div class="d-flex align-items-center flex-column text-center p-3">
        <div class="flex-grow-1 single-form-heading font-weight-medium">HR Portal</div>
        <p class="text-muted">Please enter your cell phone number below to receive an SMS token, then follow the prompts</p>
    </div>
    <form action="{{route('send-sms-auth-token')}}" class="form mx-2" method="post">
      <div class="icon_wrap">
        <img src="{{asset('/img/login_icon.svg')}}" alt="">
      </div>
        @csrf
        @if(session('message'))
        <div class="alert alert-info">{{session('message')}}</div>
        @endif
        <div class="form-group">
            <label>Phone Number</label>
            <input type="tel" class="form-control phone" name="cell_number" autocomplete="off" autofocus required value="{{old('cell_number')}}">
            <small class="d-block mt-2 mb-3 text-dark font-italic">
              *Your mobile provider's standard text messaging rates will apply.
            </small>
        </div>

        <div class="form-group">
            <div class="g-recaptcha" data-sitekey="{{config('services.recaptcha.key')}}">
            </div>
        </div>
        @error('g-recaptcha-response')
        <small>
            Please confirm your are not a robot.
        </small>
        @enderror
        <div class="row mb-4">
            <div class="col-12 text-center">
                <input type="submit" name="sendToken" value="Send SMS Token" class="btn btn-orange text-uppercase py-2 px-4">
            </div>
        </div>
    </form>
</div>
@endsection