Anons79 Mini Shell

@extends('guest')

@section('content')
    <div class=" card col-md-4">
        <div class="card-body">
            <div id="auth-left">
                <div class="auth-logo">
                    <!-- <a href="index.html"></a> -->
                </div>
                <h1 class="auth-title">Registrasi</h1>
                @if (session('error'))
                    <div class="alert alert-light-danger alert-dismissible show fade">
                        <i class="bi bi-exclamation-triangle"></i>
                        {{ session('error') }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @endif
                @if (session('info'))
                    <div class="alert alert-light-info alert-dismissible show fade">
                        <i class="bi bi-info"></i>
                        {{ session('info') }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @endif

                <form action="{{ route('registrasi.action') }}" method="POST" id="addForm" enctype="multipart/form-data">
                    @csrf
                    <div class="form-group">
                        <label for="email">Email</label>
                        <input type="email" class="form-control" id="email" name="email" placeholder="Masukan Email"
                            autocomplete="email" required>
                    </div>

                    <div class="form-group">
                        <label for="name">Username</label>
                        <input type="text" class="form-control" id="name" name="name" placeholder="Masukan Username"
                            autocomplete="username" required>
                    </div>

                    <div class="form-group">
                        <label for="name">Password</label>
                        <input type="password" class="form-control" id="password" name="password" placeholder="*******"
                            autocomplete="new-password" required>
                    </div>

                    <div class="form-group">
                        <label for="password_confirmation">Konfirmasi Password</label>
                        <input type="password" class="form-control" id="password_confirmation" name="password_confirmation"
                            placeholder="*******" autocomplete="new-password" required>
                    </div>

                    <div class="form-group">
                        <label for="nama_lengkap">Nama Lengkap</label>
                        <input type="text" class="form-control" id="nama_lengkap" name="nama_lengkap"
                            placeholder="Masukan Nama Lengkap" autocomplete="nama_lengkap" required>
                    </div>

                    <div class="form-group">
                        <label for="alamat">Alamat</label>
                        <input type="text" class="form-control" id="alamat" name="alamat" placeholder="Masukan Alamat"
                            autocomplete="street-address" required>
                    </div>

                    <div class="form-group">
                        <label for="no_telp">No WhatsApp</label>
                        <input type="number" class="form-control" id="no_telp" name="no_telp"
                            placeholder="Masukan Nomor Telp" autocomplete="tel" required>
                    </div>
                    <div class="form-group">
                        <label for="photo">Foto Profil</label>
                        <input type="file" class="form-control" id="photo" name="photo" accept="image/*">
                        <p><small class="text-muted">Masukkan foto profil (JPG, PNG, JPEG).</small></p>
                    </div>
                    <button class="btn btn-primary w-100" type="submit">Sign in</button>


                </form>
                <div class="text-center mt-2 text-lg">
                    <p class="text-gray-600">Sudah memiliki Akun ? <a href="{{ route('login.page') }}"
                            class="font-bold">Login
                            Sekarang</a>.</p>
                </div>
            </div>
        </div>
    </div>
@endsection