<?php
   include('session.php');
   
?>

<link href="css/bootstrap1.min.css" rel="stylesheet">
<link href="css/dashboard1.css" rel="stylesheet">
<title>EPay Solutions</title>
        <main role="main" class="col-md-12 ml-sm-auto">
          <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
            <h1 class="h2"><center>ePay Solutions</h1></center>

          </div>


<!--          <canvas class="my-4 w-100" id="myChart" width="900" height="380"></canvas> -->

         <!--  <h2>Welcome, <?php echo $_SESSION['login_user'] ?></h2> -->
    <h2>Main Menu</h2>
          <style>
            .col-sm {
              align-items: center;
            }
          </style>

          <br>
          <br>
          <div class="container">
            <div class="row">
              <div class="col-sm">
                <a href = "companysettings.php" title = "Setup Company"><img src = "setup-icon.png" style="width:128px;height:128px;"></a>
                <br>
                <p>Setup Company Details</p>
              </div>
              <div class="col-sm">
                <a href = "employees.php" title = "Employee Listing"><img src = "employees-icon.png" style="width:128px;height:128px;"></a>
                <br>
                <p>Employees Listing</p>
              </div>
              <div class="col-sm">
                <a href = "payrolls.php" title = "Payrolls"><img src = "payslip-icon.png" style="width:128px;height:128px;"></a>
                <br>
                <p>Payrolls</p>
              </div>
              <div class="col-sm">
                <a href = "report-payslipByPeriod.php" title = "Payslips"><img src = "payroll-icon.png" style="width:128px;height:128px;"></a>
                <br>
                <p>Payslip by Period Report</p>
              </div>
            </div>
          </div>

          <br>

          <h2>Reports</h2>
          <style>
            .col-sm {
              align-items: center;
            }
          </style>

          <br>
          <br>
          <div class="container">
            <div class="row">
              
            <div class="col-sm">
                <a href = "report-payslipByPeriod.php" title = "Payslips"><img src = "payroll-icon.png" style="width:128px;height:128px;"></a>
                <br>
                <p>Payslip by Period Report</p>
              </div>
              
              <div class="col-sm">
                <a href = "report-payrollByPeriod.php" title = "Payslips"><img src = "payroll-icon.png" style="width:128px;height:128px;"></a>
                <br>
                <p>Payroll by Period Report</p>
              </div>
              
              <div class="col-sm">
                <a href = "report-getReturnOfEmployees.php" title = "Payslips"><img src = "payroll-icon.png" style="width:128px;height:128px;"></a>
                <br>
                <p>Return of Employees</p>
              </div>
              <div class="col-sm">
                <a href = "report-BonuspayslipByPeriod.php" title = "Payslips"><img src = "payroll-icon.png" style="width:128px;height:128px;"></a>
                <br>
                <p>Bonus Payslip by Period Report</p>
              </div>
            </div>
          </div>


        
          </div>
        </main>
      </div>
    </div>

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
    <script src="../../assets/js/vendor/popper.min.js"></script>
    <script src="../../dist/js/bootstrap.min.js"></script>

    <!-- Icons -->
    <script src="https://unpkg.com/feather-icons/dist/feather.min.js"></script>
    <script>
      feather.replace()
    </script>


  </body>
</html>
