<section class="container" style="padding-bottom: 2rem;">
  <div class="card bg-light-transparent">
    <div class="card-body">
      <div class="card no-shadow" style="padding-top: 3rem; padding-bottom: 3rem;">
        <div class="card-body">
          <div class="row">
            <div class="col-md-4 text-center align-self-center">
              <img class="image-responsive" src="<?php echo base_url($user['file_location'].$user['file_name']); ?>" style="max-height: 15rem; max-width: 15rem;">
            </div>
            <div class="col-md-8">
              <h3>
                <?php echo $user['name'] ?>
              </h3>
              <p>
                <?php echo $user['position_name'] ?>
              </p>
              <p>
                Department: <?php echo $user['department_name'] ?> (<?php echo $user['branch_name'] ?>)
              </p>
              <hr class="my-4">
              <div class="row">
                <div class="col">
                  <div class="card text-white bg-dark">
                    <div class="card-body">
                      <h6 class="card-title">Total</h6>
                      <p class="card-text float-right" style="font-size: 2rem;">
                        <?php echo ($leave_info['leaveTotal'])?$leave_info['leaveTotal']:0; ?>
                      </p>
                    </div>
                  </div>
                </div>

                <div class="col">
                  <div class="card text-white bg-dark">
                    <div class="card-body">
                      <h6 class="card-title">Pending</h6>
                      <p class="card-text float-right" style="font-size: 2rem;">
                        <?php echo ($leave_info['leavePending'])?$leave_info['leavePending']:0; ?>
                      </p>
                    </div>
                  </div>
                </div>

                <div class="col">
                  <div class="card text-white bg-dark">
                    <div class="card-body">
                      <h6 class="card-title">Approved</h6>
                      <p class="card-text float-right" style="font-size: 2rem;">
                        <?php echo ($leave_info['leaveApproved'])?$leave_info['leaveApproved']:0; ?>
                      </p>
                    </div>
                  </div>
                </div>

                <div class="col">
                  <div class="card text-white bg-dark">
                    <div class="card-body">
                      <h6 class="card-title">Rejected</h6>
                      <p class="card-text float-right" style="font-size: 2rem;">
                        <?php echo ($leave_info['leaveRejected'])?$leave_info['leaveRejected']:0; ?>
                      </p>
                    </div>
                  </div>
                </div>

                <div class="col">
                  <div class="card text-white bg-dark">
                    <div class="card-body">
                      <h6 class="card-title">Cancelled</h6>
                      <p class="card-text float-right" style="font-size: 2rem;">
                        <?php echo ($leave_info['leaveCancelled'])?$leave_info['leaveCancelled']:0; ?>
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="container" style="padding-bottom: 2rem;">

</section>