{{-- resources/views/auth/register.blade.php --}}
@extends('layouts.authentication')

@section('title', 'Register')

@section('content')


    <h2 class="h4 font-weight-bold text-primary mb-0">Create Account</h2>
    <hr>

    <form method="POST" action="{{ route('register') }}">
        @csrf

        <!-- Full Name -->
        <div class="form-group mb-3">
            <label for="customerName" class="form-label">Full Name <span class="text-danger">*</span></label>
            <input type="text" name="customerName" id="customerName" value="{{ old('customerName') }}"
                class="form-control @error('customerName') is-invalid @enderror" placeholder="John Doe" required autofocus>
            @error('customerName')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <!-- Email -->
        <div class="form-group mb-3">
            <label for="customerEmail" class="form-label">Email Address <span class="text-danger">*</span></label>
            <input type="email" name="customerEmail" id="customerEmail" value="{{ old('customerEmail') }}"
                class="form-control @error('customerEmail') is-invalid @enderror" placeholder="you@example.com" required>
            @error('customerEmail')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <!-- Phone -->
        <div class="form-group mb-3">
            <label for="customerPhone" class="form-label">Phone Number <span class="text-danger">*</span></label>
            <input type="text" name="customerPhone" id="customerPhone" value="{{ old('customerPhone') }}"
                class="form-control @error('customerPhone') is-invalid @enderror" placeholder="+256 700 000 000" required>
            @error('customerPhone')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <!-- Password -->
        <div class="form-group mb-3">
            <label for="password" class="form-label">Password <span class="text-danger">*</span></label>
            <input type="password" name="password" id="password"
                class="form-control @error('password') is-invalid @enderror" required>
            @error('password')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <!-- Confirm Password -->
        <div class="form-group mb-4">
            <label for="password_confirmation" class="form-label">Confirm Password <span
                    class="text-danger">*</span></label>
            <input type="password" name="password_confirmation" id="password_confirmation" class="form-control" required>
        </div>

        <!-- Submit Button -->
        <div class="d-grid">
            <button type="submit" class="btn btn-primary btn-lg">
                Create Account
            </button>
        </div>
    </form>

    <div class="text-center mt-4">
        <p class="text-muted mb-0">
            Already have an account?
            <a href="{{ route('login') }}" class="text-primary font-weight-medium">
                Sign In Here
            </a>
        </p>
    </div>


@endsection