@extends('layouts.auth')

@section('content')
<p class="register-box-msg">Create new account</p>

<form method="POST" action="{{ route('register') }}">
    @csrf
    <div class="input-group mb-2">
        <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name') }}" required autofocus placeholder="Full name">
        <div class="input-group-append">
            <div class="input-group-text">
                <span class="feather feather-user"></span>
            </div>
        </div>
        @error('name')
        <span class="invalid-feedback" role="alert">
            <strong>{{ $message }}</strong>
        </span>
        @enderror
    </div>
    <div class="input-group mb-2">
        <input id="phone" type="text" class="form-control @error('phone') is-invalid @enderror" name="phone" value="{{ old('phone') }}" required placeholder="Phone number">
        <div class="input-group-append">
            <div class="input-group-text">
                <span class="feather feather-phone"></span>
            </div>
        </div>
        @error('phone')
        <span class="invalid-feedback" role="alert">
            <strong>{{ $message }}</strong>
        </span>
        @enderror
    </div>
    <div class="input-group mb-2">
        <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required placeholder="E-Mail Address">
        <div class="input-group-append">
            <div class="input-group-text">
                <span class="feather feather-mail"></span>
            </div>
        </div>
        @error('email')
        <span class="invalid-feedback" role="alert">
            <strong>{{ $message }}</strong>
        </span>
        @enderror
    </div>
    <div class="input-group mb-2">
        <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required placeholder="Password">
        <div class="input-group-append">
            <div class="input-group-text">
                <span class="feather feather-lock"></span>
            </div>
        </div>
        @error('password')
        <span class="invalid-feedback" role="alert">
            <strong>{{ $message }}</strong>
        </span>
        @enderror
    </div>
    <div class="mb-2">
        <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required placeholder="Confirm Password">
    </div>
    <div>
        <button type="submit" class="btn btn-primary btn-block">Register</button>
    </div>
</form>
<p class="mb-1">
    Already have an account? <a href="{{ route('login') }}">{{ __('Back to login') }}</a>
</p>
@endsection