@extends('template.website.auth')

@section('content')
<!-- Section -->
<section class="pt-5 pb-5" data-bg-image="images/pages/1.jpg">
    <div class="container-fluid d-flex flex-column">
        <div class="row align-items-center min-vh-100">
            <div class="col-md-10 col-lg-8 col-xl-7 mx-auto">
                <div class="card shadow-lg">
                    <div class="card-body py-5 px-sm-5">
                        <h3>Register Akun</h3>
                        <p>Daftarkan akun baru menggunakan data berikut. Jika anda sudah memiliki akun, silahkan login terlebih dahulu.</p>
                        <form id="form1" class="form-validate mt-5">
                            <div class="h5 mb-4">Rincian Akun</div>
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label for="username">Username</label>
                                    <input type="text" class="form-control" name="username" placeholder="Enter username" required="">
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="email">Email</label>
                                    <input type="email" class="form-control" name="email" placeholder="Enter your email" required="">
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label for="password">Password</label>
                                    <div class="input-group show-hide-password">
                                        <input class="form-control" name="password" placeholder="Enter password" type="text" required="">
                                        <span class="input-group-text"><i class="icon-eye" aria-hidden="true" style="cursor: pointer;"></i></span>
                                    </div>
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="password2">Konfirmasi Password</label>
                                    <div class="input-group show-hide-password">
                                        <input class="form-control" name="password2" placeholder="Enter password" type="password" required="">
                                        <span class="input-group-text"><i class="icon-eye-off" aria-hidden="true" style="cursor: pointer;"></i></span>
                                    </div>
                                </div>
                            </div>
                            <div class="h5 mb-4">Profil Akun</div>
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label for="customer_type">Jenis Pelanggan</label>
                                    <select class="form-select" name="customer_type" required="">
                                            <option value="individual">Individu/Pribadi</option>
                                            <option value="company">Perusahaan</option>
                                        </select>
                                </div>
                                <div class="form-group col-md-6" id="individual">
                                    <label for="nib">NIB</label>
                                    <input class="form-control" type="text" name="nib">
                                </div>
                            </div>

                            <div class="row" id="company" style="display: none;">
                                <div class="form-group col-md-6">
                                    <label for="nib">NIB</label>
                                    <input class="form-control" type="text" name="nib">
                                </div>
                                <div class="form-group col-md-6">
                                    <label for="npwp">NPWP</label>
                                    <input class="form-control" type="text" name="npwp">
                                </div>
                            </div>

                            <div class="row">
                                <div class="form-group col-md-12">
                                    <label for="name">Nama Lengkap</label>
                                    <input type="text" class="form-control" name="name" placeholder="Enter your Name" required="">
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-md-12">
                                    <label for="address">Alamat Lengkap</label>
                                    <input type="text" class="form-control" name="address" placeholder="Enter your Street Address" required="">
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label for="telephone">Telefon/HP</label>
                                    <input class="form-control" type="tel" name="telephone" placeholder="Enter your Telephone number" required="">
                                </div>
                            </div>
                            
                            
                            
                            <div class="form-check">
                                <input type="checkbox" name="terms_conditions" id="terms_conditions" class="form-check-input" value="1" required="">
                                <label class="form-check-label" for="terms_conditions">Dengan mencentang opsi ini, Saya setuju untuk menerima <a href="#">Syarat dan Ketentuan</a>.</label>
                            </div>
                            <button type="submit" class="btn m-t-30 mt-3">Daftar</button>
                        </form>
                        <div class="mt-4"><small>Sudah memiliki akun?</small> <a href="{{ route('cust.auth.login') }}" class="small fw-bold">Login</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- end: Section -->
@endsection