<div class="row">
  <div class="col-md-12">
    <?php $this->load->view('admin/settings/tabs/consultants/consultant-table'); ?>
  </div>
</div>
<?php $this->load->view('admin/layout/form-status-notification'); ?> 
<?php $this->load->view('admin/layout/delete-confirmation-modal'); ?>
<?php $this->load->view('admin/settings/tabs/consultants/add-consultant-modal'); ?>
<?php $this->load->view('admin/settings/tabs/consultants/edit-consultant-modal'); ?>

<script>
$(document).ready(function() {
    $('#consultant-table').DataTable({
        responsive: true,
        pageLength: 10,
        lengthMenu: [10,25,50,100],
        order: [[0,'asc']]
    });

    $('.edit-service-btn').click(function(){
        let btn = $(this);
        $('#editServiceModal #editServiceId').val(btn.data('id'));
        $('#editServiceModal #editServiceName').val(btn.data('name'));
        $('#editServiceModal #editServiceDescription').val(btn.data('description'));
        $('#editServiceModal #editServiceDepartment').val(btn.data('department'));
        var modal = new bootstrap.Modal(document.getElementById('editServiceModal'));
        modal.show();
    });
});

</script>
