@extends('layouts.app')
@section('title', __('Create Account') . ' - ' . $settings->site_name)

@section('content')
<div class="be-hero py-5">
    <div class="container" style="max-width:520px;">
        <div class="be-panel">
            <div class="text-center mb-4">
                <span class="be-eyebrow">{{__('Get started')}}</span>
                <h2 class="be-section-title mt-1">{{__('Create your account')}}</h2>
                <p class="text-muted">{{__('Sign up to book appointments in seconds')}}</p>
            </div>

            @if ($errors->any())
            <div class="alert alert-danger be-alert">
                <ul class="mb-0 ps-3">
                    @foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach
                </ul>
            </div>
            @endif

            <form method="POST" action="{{ route('register') }}">
                @csrf
                <div class="mb-3">
                    <label class="form-label">{{__('Full name')}}</label>
                    <input type="text" name="name" class="form-control" value="{{ old('name') }}" required>
                </div>
                <div class="mb-3">
                    <label class="form-label">{{__('Email')}}</label>
                    <input type="email" name="email" class="form-control" value="{{ old('email') }}" required>
                </div>
                <div class="mb-3">
                    <label class="form-label">{{__('Phone (optional)')}}</label>
                    <input type="text" name="phone" class="form-control" value="{{ old('phone') }}">
                </div>
                <div class="mb-3">
                    <label class="form-label">{{__('Password')}}</label>
                    <input type="password" name="password" class="form-control" required minlength="8">
                </div>
                <div class="mb-4">
                    <label class="form-label">{{__('Confirm password')}}</label>
                    <input type="password" name="password_confirmation" class="form-control" required minlength="8">
                </div>
                <button type="submit" class="btn be-btn-primary w-100">{{__('Create Account')}}</button>
            </form>

            <p class="text-center text-muted mt-4 mb-0">{{__('Already have an account?')}} <a href="{{ route('login') }}" class="fw-bold">{{__('Log in')}}</a></p>
        </div>
    </div>
</div>
@endsection