<div id="add_staff-modal"class="modal fade"tabindex="-1"role="dialog"aria-labelledby="myModalLabel"aria-hidden="true"style="display:none;">
    <div class="modal-dialog modal-xl">
        <div class="modal-content card-outline-info">
            <div class="card-header text-white text-center">New Saff Member Form</div>
            <div class="modal-body">
             <?php
            $attributes = array('name' => 'formAdd', 'id' => 'formAdd', 'class' => 'form-validation');
                echo form_open_multipart('admin/staff/add', $attributes);
                ?>
                <div class="form-body">
                        <!-- Hidden Field to Get Last ID -->
                            
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="small">Full Name</label>
                                <input type="text" name="staff_name" class="form-control">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="small">Father Name</label>
                                <input type="text" name="father_name" class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="small">Contact</label>
                                <input type="tel" pattern="\d*" name="phone" class="form-control" minlength = "11" maxlength = "11">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="small">CNIC</label>
                                <input type="tel" pattern="\d*" name="cnic" class="form-control" minlength = "13" maxlength = "13">
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="small">Complete Address</label>
                                <input type="text" name="address" class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="small">Salary</label>
                                <input type="number" name="salary" class="form-control" required>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label>Position</label>
                                <input type="text" name="position" class="form-control">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="small">Status</label>
                                <select class="form-control custom-select" name="staff_status" id="staff_status" style="width: 100%;">
                                    <option value="1" selected>Onboard</option>
                                    <option value="2">Leave</option>
                                    <option value="3">Resign</option>
                                    <option value="4">Terminate</option>
                                </select>                                
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="small">Additional Note</label>
                                <textarea name="note" class="form-control"></textarea>                  
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-actions text-right">
                                <button type="submit" class="btn btn-info">Submit</button>
                            </div>
                        </div>
                    </div>
                    <?php echo form_close(); ?>
                </div>
            </div>
        </div>
    </div>
</div>