@extends('frontend::layouts.master')

@section('content')
    <div class="pt-6 lg:pt-10">
        <x-frontend::utility.sectiontitle title="Create New Password"></x-frontend>
    </div>
    <div class="container relative pt-6 lg:pt-10">
        <div class="mx-auto max-w-xl p-4 sm:py-8 xl:p-8 rounded-lg bg-glass">
            <form action="new-password-complete" class="mx-auto max-w-sm transparent-label">
                <div class="flex flex-wrap -mx-4">
                    <div class="w-full px-4">
                        <div class="com-form-basic float form-style line-style">
                            <input id="new" type="password" placeholder="new">
                            <label for="new">
                                New Password
                            </label>
                        </div>
                    </div>
                    <div class="w-full px-4">
                        <div class="com-form-basic float form-style line-style">
                            <input id="re" type="password" placeholder="re">
                            <label for="re">
                                Re-Password
                            </label>
                        </div>
                        <p class="form-invalid-message">Minimum 8 characters, must contain at least one lowercase letter (a-z), one uppercase letter (A-Z) and one digit (0-9).</p>
                    </div>
                    <div class="w-full px-4 pt-4 text-right">
                        <button type="submit" class="button-secondary w-full text-white">
                            Submit
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection