@extends('auth.master')
@section('content')
    <div class="auth-content">
        <div class="o-hidden">
            <div class="row justify-content-center">
                <div class="">
                    <div class="p-4">
                        <div class="auth-logo text-center mb-4"><img src="{{asset('assets/branding/ast_logo_gold.png')}}" alt="" style="width:100px;height:100px;object-fit:contain;"></div>
                        <h1 class="mb-3 text-18">Sign Up</h1>
                        <form action="">
                            <div class="form-group">
                                <label for="username" class="fw-bold">Your name</label>
                                <input class="form-control form-control-rounded" id="username" type="text">
                            </div>
                            <div class="form-group">
                                <label for="email" class="fw-bold">Email address</label>
                                <input class="form-control form-control-rounded" id="email" type="email">
                            </div>
                            <div class="form-group">
                                <label for="password" class="fw-bold">Password</label>
                                <input class="form-control form-control-rounded" id="password" type="password">
                            </div>
                            <div class="form-group">
                                <label for="repassword" class="fw-bold">Retype password</label>
                                <input class="form-control form-control-rounded" id="repassword" type="password">
                            </div>
                            <div class="text-center">
                                <button class="btn btn-primary btn-rounded px-4 mt-3">Sign Up</button>
                            </div>
                        </form>
                        <div class="mt-3 text-center">
                            Already have an account? <a class="text-muted fw-bold" href="{{route('login')}}">Sign in</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection