@extends('auth.master')
@section('title','Create Account | '.env('APP_NAME'))
@section('description','Create your secure '.env('APP_NAME').' account.')
@section('auth-width','560px')
@section('auth-heading','Create your account')
@section('auth-intro','Set up secure access to your Currency Touch wallet.')
@section('content')
<form method="POST" action="{{ route('register') }}" id="register-form">@csrf
    <div class="row g-3">
        <div class="col-12"><label class="form-label" for="name">Full name <span class="text-danger">*</span></label><input class="form-control @error('name') is-invalid @enderror" id="name" name="name" type="text" value="{{ old('name') }}" placeholder="Your full name" required autofocus autocomplete="name">@error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
        <div class="col-12"><label class="form-label" for="email">Email address <span class="text-danger">*</span></label><input class="form-control @error('email') is-invalid @enderror" id="email" name="email" type="email" value="{{ old('email') }}" placeholder="you@example.com" required autocomplete="username">@error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
        <div class="col-md-6"><label class="form-label" for="password">Password <span class="text-danger">*</span></label><input class="form-control @error('password') is-invalid @enderror" id="password" name="password" type="password" placeholder="••••••••" required autocomplete="new-password">@error('password')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
        <div class="col-md-6"><label class="form-label" for="password_confirmation">Confirm password <span class="text-danger">*</span></label><input class="form-control" id="password_confirmation" name="password_confirmation" type="password" placeholder="••••••••" required autocomplete="new-password"></div>
        <div class="col-md-6"><label class="form-label" for="telegram_id">Telegram ID <span class="text-muted">(optional)</span></label><input class="form-control @error('telegram_id') is-invalid @enderror" id="telegram_id" name="telegram_id" type="text" value="{{ old('telegram_id') }}" placeholder="Telegram user ID">@error('telegram_id')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
        <div class="col-md-6"><label class="form-label" for="company_code">Company code <span class="text-danger">*</span></label><input class="form-control @error('company_code') is-invalid @enderror" id="company_code" name="company_code" type="text" value="{{ old('company_code') }}" placeholder="Enter company code" required>@error('company_code')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
    </div>
    <input class="d-none" type="text" name="website" value="" tabindex="-1" autocomplete="off" aria-hidden="true">
    <div class="form-check my-4"><input class="form-check-input" name="terms" required type="checkbox" id="terms"><label class="form-check-label" for="terms">I agree to the <a class="text-decoration-underline" href="{{ route('terms') }}">Terms of Service</a>.</label></div>
    <div class="d-grid"><button class="btn btn-primary fw-semibold py-2" type="submit">Create account</button></div>
</form>
<p class="text-muted text-center mt-4 mb-0">Already have an account? <a class="fw-semibold text-decoration-underline" href="{{ route('login') }}">Sign in</a></p>
@endsection