


<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header custom_head">
        <div class="container-fluid">
            <!--				<div class="row mb-2">
                                                    <div class="col-sm-6">
                                                            <h3>Employee List</h3>
                                                    </div>
                                                    <div class="col-sm-6">
                                                            <ol class="breadcrumb float-sm-right">
                                                                    <li class="breadcrumb-item"><a href="">Home</a></li>
                                                                    <li class="breadcrumb-item active">Dashboard</li>
                                                            </ol>
                                                    </div>
                                            </div>-->
        </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">

        <!-- Default box -->
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Employees under your supervision</h3>

                <div class="card-tools">
                    <button type="button" class="btn btn-tool" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
                        <i class="fas fa-minus"></i></button>
                    <!--                    <button type="button" class="btn btn-tool" data-card-widget="remove" data-toggle="tooltip" title="Remove">
                                            <i class="fas fa-times"></i></button>-->
                </div>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-sm-12">
                        <table id="table1" class="table table-hover" style="width: 100%">
                            <thead>
                                <tr>
                                    <th hidden="">id</th>
                                    <th>Name</th>
                                    <th>EmpId</th>
                                    <th>Department</th>
                                </tr>
                            </thead>
                            <tbody>
                                <?php foreach ($emplist as $value) { ?>
                                <tr id="row_<?= $value->empId; ?>">
                                        <td hidden=""><?= $value->empId; ?></td>
                                        <td><?= $value->empName; ?></td>
                                        <td><?= $value->empId; ?></td>
                                        <td><?= $value->department; ?></td>
                                    </tr>
                                <?php } ?>
                            </tbody>
                        </table>
                    </div>
                </div>

            </div>
            <!-- /.card-footer-->
        </div>
        <!-- /.card -->

    </section>
    <!-- /.content -->
</div>
<!-- /.content-wrapper -->

<div class="modal fade" id="update_model" style="display: none;"  aria-hidden="true" role="dialog" data-keyboard="false" data-backdrop="static">
    <div class="modal-dialog" >
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="emp_mod_head"></h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <input id="empId" value="" name="empId" hidden="">
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12">
                        <p class="card-text">Please list the most important activities you expect from this employee to perform</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="form-group">
                            <label for="">Enter Activity in Words</label>
                        </div>
                    </div>
                    <div hidden class="col-xl-2 col-lg-2 col-md-2 col-sm-2 col-2">
                        <div class="form-group">
                            <label for="">Hours</label>
                        </div>
                    </div>
                    <?php
                    for ($i = 1; $i <= 8; $i++) {
                        ?>
                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                            <div class="form-group">
                                <input type="text" maxlength="35"  class="form-control activity_input" name="activityArr[]" id="activity<?= $i ?>" >
                            </div>
                        </div>
                        <div hidden class="col-xl-2 col-lg-2 col-md-2 col-sm-2 col-2">
                            <div class="form-group">
                                <input type="number" onchange="validateIntegers(this,1)" maxlength="1" min="1" max="8" value="1" step="1" name="hourArr[]" style="text-align: right" class="form-control hr_input"  id="hour<?= $i ?>">
                            </div>
                        </div>
                    <?php } ?>


                </div>
            </div>
            <div class="modal-footer justify-content-between">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" id="update" onclick="updateTime()" class="btn btn-primary modal_button">Update</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>

    <!-- /.modal-dialog -->
</div>



<script src="<?php echo base_url("assets/customJs/sup_home.js") ?>"></script>



