<div class="container-fluid p-0">
    <div class="row m-0">
        <div class="col-12 p-0">
            <div class="registration-card">
                <div>
                    <div class="registration-main d-flex justify-content-center">
                        <div class="registration-inner w-100">
                            <img class="d-block img-fluid m-auto mb-5 form-logo" src="/assets/images/logo.png" alt="logo" />
                            <form class="theme-form form-wizard" id="onboarding" method="POST" action="#">
                                <div class="tab">
                                    <div class="row">
                                        <div class="col-xs-12 mb-3">
                                            <p class="text-center">Benvenuto! Iniziamo configurando le informazioni base della tua azienda.</p>
                                        </div>
                                        <div class="col-md-6 col-xs-12 mb-3">
                                            <div class="form-group">
                                                <label for="firstname">Nome</label>
                                                <input class="form-control" id="firstname" name="firstname" type="text" placeholder="Inserisci" required>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-xs-12 mb-3">
                                            <div class="form-group">
                                                <label for="lastname">Cognome</label>
                                                <input class="form-control" id="lastname" name="lastname" type="text" placeholder="Inserisci" required>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-xs-12 mb-3">
                                            <div class="form-group">
                                                <label for="company">Nome azienda</label>
                                                <input class="form-control" id="company" name="company" type="text" placeholder="Inserisci" required>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-xs-12 mb-3">
                                            <div class="form-group">
                                                <label for="email">Email</label>
                                                <input class="form-control" id="email" name="email" type="email" placeholder="Inserisci" required>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-xs-12 mb-3">
                                            <div class="form-group">
                                                <label for="password">Password</label>
                                                <div class="form-input position-relative">
                                                    <input class="form-control" id="password" name="password" type="password" placeholder="Inserisci" required />
                                                    <div class="show-hide"><span class="show"> </span></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-xs-12 mb-3">
                                            <div class="form-group">
                                                <label for="confirm_password">Conferma password</label>
                                                <div class="form-input position-relative">
                                                    <input class="form-control" id="confirm_password" name="confirm_password" type="password" placeholder="Inserisci" required />
                                                    <div class="show-hide"><span class="show"> </span></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <div>
                                    <div class="text-end btn-mb">
                                        {{-- <button class="btn btn-secondary" id="prevBtn" type="button" onclick="nextPrev(-1)">Previous</button> --}}
                                        <button class="btn btn-primary" id="nextBtn" type="button" onclick="nextPrev(1)">Avanti</button>
                                    </div>
                                </div>
                                <!-- Circles which indicates the steps of the form:-->
                                <div class="text-center"><span class="step"></span><span class="step"></span><span class="step"></span><span class="step"></span></div>
                                <!-- Circles which indicates the steps of the form:-->
                                <!-- Container-fluid Ends-->
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@push('scripts')
<!-- form wizard JS -->
<script src="../assets/js/form-wizard/form-wizard.js"></script>
@endpush