<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0 text-dark">Add Service</h1>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>
<!-- Main content -->
<section class="content">
    <div class="container-fluid">
        <form method="post" enctype="multipart/form-data" class="card" action="<?php echo base_url('users/addprefencelistdata/'.$id); ?>">
            <div class="card-body d-flex flex-column justify-content-center align-items-center">

                <div class="row">
                    <?php
                    
                    ?>
                    <div class="col-12">
                    <h3> Add to Preferred Staff</h3>    
                    <div class="form-group">
                        
                <label for="">Choose Staff</label>
                <select class="js-example-basic-multiple" name="staffs[]" multiple="multiple" style="width: 10rem;">
                <?php if (!empty($staff)) {
                       $count = 1;
                       foreach ($staff as $id => $staff) {?>
                <option value="<?php echo $id ?>"><?php echo output($staff['firstName'] . " " . $staff['lastName']); ?></option>
                
                <?php } } ?>
                                    
                </select>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="form-group">
                            <input type="file"  class="form-control" name="file">
                        </div>
                    </div>
                </div>

                <button type="submit" class="btn btn-md selfalign-center rounded-pill bg-custom-blue text-white px-5"> Add Now</button>
            </div>
        </form>
    </div>
</section>
<!-- /.content -->

