<x-user.content>
    <x-slot:title>eCommerce MM</x-slot:title>
    <x-slot:head> </x-slot:head>
    <div class="container">
        <div class="row px-xl-5 justify-content-center">
            <div class="col-lg-7">
                <nav class="breadcrumb bg-light mb-30">
                    <a class="breadcrumb-item text-dark" href="/">Home</a>
                    <span class="breadcrumb-item active">Daftar</span>
                </nav>
            </div>
        </div>
    </div>

    <div class="container">

        <div class="row px-xl-5 justify-content-center vh-100 ">
            <div class="col-lg-7 mb-5">
                <div class="contact-form bg-light p-30">
                    <div id="success"></div>
                    <form name="sentMessage" id="contactForm" novalidate="novalidate">
                        <div class="control-group">
                            <input type="text" class="form-control" id="nama_depan" placeholder="Nama depan"
                                required="required" data-validation-required-message="Nama depan" />
                            <p class="help-block text-danger"></p>
                        </div>
                        <div class="control-group">
                            <input type="text" class="form-control" id="nama_belakang" placeholder="Nama belakang"
                                required="required" data-validation-required-message="Nama belakang" />
                            <p class="help-block text-danger"></p>
                        </div>
                        <div class="control-group">
                            <input type="email" class="form-control" id="email" placeholder="Email"
                                required="required" data-validation-required-message="Yang anda inputkan bukan email" />
                            <p class="help-block text-danger"></p>
                        </div>
                        <div class="control-group">
                            <input type="text" class="form-control" id="no_hp" placeholder="No HP"
                                required="required" data-validation-required-message="No HP" />
                            <p class="help-block text-danger"></p>
                        </div>
                        <div class="control-group">
                            <input type="text" class="form-control" id="username" placeholder="Username"
                                required="required" data-validation-required-message="Username" />
                            <p class="help-block text-danger"></p>
                        </div>
                        <div class="control-group">
                            <input type="password" class="form-control" id="password" placeholder="Password"
                                required="required" data-validation-required-message="Password" />
                            <p class="help-block text-danger"></p>
                        </div>
                        <div class="control-group">
                            <input type="password" class="form-control" id="password" placeholder="Konfirmasi Password"
                                required="required" data-validation-required-message="Konfirmasi Password" />
                            <p class="help-block text-danger"></p>
                        </div>
                        <a href="/login-akun" class="text-dark">Login?</a>
                        <div class="text-right">
                            <button class="btn btn-danger py-2 px-4" type="submit"
                                id="sendMessageButton">Daftar</button>
                        </div>
                    </form>
                </div>
            </div>

        </div>
    </div>



    <x-slot:foot> </x-slot:foot>
</x-user.content>
