 <!--start main wrapper-->
    <main class="main-wrapper">
        <div class="main-content">
            <button href="<?php echo base_url().'site/users' ?>" class="btn guestBtn d-flex gap-2 align-items-center" id="backBtn"><img
                    src="<?php echo base_url(); ?>assets/images/arowleft.svg" alt="" width="15px"> Back</button>
            <div class="row">
                <div class="col-md-8 my-2">
                    <h3 class="fmon fw-bold"><i class="fa fa-add"></i> Add User</h3>
                </div>

            </div>
            <div class="modal-body">



                <form id="adduser" method="post">

                    <div class="row">
                        <div class="col-md-6 my-2">

                            <input type="email" name="email" id="eamil" class="form-control FormInput"
                                placeholder="email">
                        </div>
                        <div class="col-md-6">

                        </div>
                        <div class="col-md-6 my-2">

                            <select name="type_identification" id="type_identification" class="form-select Formselet">
                                <option value="" selected>
                                    Type of identification
                                </option>
                                <option value="National ID Card" >
                                    National ID Card
                                </option>
                                <option value="Passport" >
                                    Passport
                                </option>
                                <option value="DriverLicense" >
                                    Driver\'s License
                                </option>

                            </select>
                        </div>

                        <div class="col-md-6 my-2">

                            <input type="search" name="identification" id="identification"
                                class="form-control FormInput" placeholder="Identification">
                        </div>
                        <div class="col-md-4 my-2">

                            <input type="search" name="first_name" id="" class="form-control FormInput"
                                placeholder="First Name">
                        </div>
                        <div class="col-md-4 my-2">

                            <input type="search" name="first_last_name" id="first_last_name"
                                class="form-control FormInput" placeholder="First Last Name">
                        </div>
                        <div class="col-md-4 my-2">

                            <input type="search" name="sec_last_name" id="sec_last_name" class="form-control FormInput"
                                placeholder="Second Last Name">
                        </div>
                        <div class="col-md-6 my-2">

                            <select name="user_type" id="user_type" class="form-select Formselet">
                                <option value="#" selected>
                                    Type of User
                                </option>
                                <option value="owner">
                                    Owner
                                </option>
                                <option value="tenant">
                                    Tenant
                                </option>
                                <option value="cohost">
                                    Co-Host
                                </option>
                            </select>
                        </div>
                        <div class="col-md-6 ">
                            <div class="row h-100">
                                <div class="col-md-6 align-self-center" id="privileges_section">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <p class="mb-0">Admin privileges</p>
                                        <div class="form-check form-switch">
                                            <input class="form-check-input" type="checkbox" id="admin_privileges"
                                                name="admin_privileges">

                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 align-self-center" id="finance_section">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <p class="mb-0">Disable finances</p>
                                        <div class="form-check form-switch">
                                            <input class="form-check-input" type="checkbox" id="finance" name="finance">

                                        </div>
                                    </div>
                                </div>



                            </div>
                        </div>
                        <div class="col-md-6 my-2">
                            <!-- <label for="" class="form-label">House No </label> -->
                            <input type="text" class="form-control FormInput" id="unit" placeholder="Units" name="unit"
                                oninput="filterHouseNumbers()">
                            <ul id="houseNumberList" class="list-group mt-2"></ul>
                        </div>
                        <div class="col-md-6 my-2">
                            <!-- <label for="" class="form-label">Zone/Floor</label> -->
                            <input type="text" class="form-control FormInput" id="zone" placeholder="Zone/Floor"
                                name="zone" oninput="filterZone()">
                            <ul id="zoneList" class="list-group mt-2"></ul>
                        </div>
                        <div class="col-md-6 my-2">
                            <!-- <label for="" class="form-label"> Primary Phone</label> -->
                            <input type="search" name="primary_phone" id="primary_phone" class="form-control FormInput"
                                placeholder="    Primary Phone">
                        </div>

                        <div class="col-md-6 my-2">
                            <!-- <label for="" class="form-label">Additional Phone</label> -->
                            <input type="search" name="additional_phone" id="additional_phone"
                                class="form-control FormInput" placeholder="Additional Phone">
                        </div>



                    </div>
                    <div class="row">





                        <div div class="col-md-12 my-2">
                            <div class="row d-flex justify-content-center mb-3">
                                <div class="col-md-12 my-2 d-flex justify-content-center">
                                    <button class="btn autBtn py-2 px-5">Add User</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
                <!-- button for attahmnts -->



            </div>
        </div>
        </div>

    </main>
    <!--end main wrapper-->
