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

<div id="formView" class="blue-card p-4">
    <form action="{{route('send-sms-auth-token')}}" method="post">
        <div class="text-center my-3">
          <img src="/img/logo.svg" alt="Logo" height="35">
        </div>
        @csrf
        @if(session('message'))
        <div class="alert alert-info">{{session('message')}}</div>
        @endif
        <div class="form-group">
            <label>Enter Your Mobile Number (to receive an SMS token)</label>
            <input type="tel" class="form-control phone" name="cell_number" value="{{old('cell_number')}}">
            <small class="d-block mt-2 mb-3 text-dark text-center">
              *Your mobile provider's standard rates for sending and receiving text messages 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">
            <div class="col-12 text-center">
                <input type="submit" name="sendToken" value="Send SMS Token" class="btn btn-orange text-uppercase w-100 py-2">
            </div>
        </div>
        <p><small class="text-center d-block text-muted my-3">If you have any questions at all, please contact your Dedicated HR Representative at the phone number or email displayed inside this portal.</small></p>
    </form>
</div>
@endsection