    <!--start main wrapper-->
    <main class="main-wrapper">
        <div class="main-content">
            <button 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-solid fa-person"></i> Add Person</h3>
                </div>

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


                <form class="row" action="<?php echo base_url(); ?>site/adddirectordata" method="post">
                    <div class="col-md-6 my-2">
                     
                    <input type="text" class="form-control FormInput" id="name" name="name" required placeholder="Name">
                
                    
                </div>

                    <div class="col-md-6 my-2">
             
    <select class="form-select FormInput" name="role" required id="role">
        <option value="">Role</option>
        <option value="Manager">Manager</option>
        <option value="Receptionist">Receptionist</option>
        <option value="Housekeeping">Housekeeping</option>
    </select>
                    </div>

                    <div class="col-md-6 my-2">
                    <select class="form-select FormInput" name="unitId" required id="units">
                            <option value="">Units</option>
                            <?php foreach($units as $k=> $unit){ ?>
                                <option value="<?php echo $k; ?>"><?php echo $unit['unit']; ?></option>
                            <?php } ?>
                        </select>
                        
                    </div>

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

                    <div class="col-md-12 my-2">
                        <input type="tel" class="form-control FormInput" id="phone" name="phone" required placeholder="Phone">
                    </div>

                    <!-- <div class="col-md-12 my-2">
                        <div class="brower2 d-flex justify-content-center align-items-center">
                            <div class="d-flex flex-column align-items-center">
                                <img src="<?php echo base_url(); ?>assets/images/up2.png" alt="" width="20px">
                                <small>Drag and Drop here or <label for="file" class="text-primary"
                                        style="cursor: pointer;">Browse Files</label></small>
                                <input class="d-none" type="file" name="file" id="file">
                            </div>
                        </div>
                    </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 type="submit" class="btn autBtn py-2 px-5">Submit</button>
                            </div>
                        </div>
                    </div>
                </form>

                <!-- button for attahmnts -->



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

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