     <?php
    session_start();
if(isset($_SESSION['userId'])){
}else{
 //   echo "<script>window.location = 'http://www.principleacs.net/FTA_WEB_PORTAL/login.php';</script>";
header('location: login.php');
        }

?>
 <!DOCTYPE html>
 <html lang="en">

 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <title>Add site</title>
     <!-- Bootstrap CSS -->
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" />
     <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>

     <link href="css/main.css?version= 0.1" rel="stylesheet" />
     <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
     <style>
         @import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800,900');

         body {
             font-family: 'Poppins', sans-serif;
             font-size: 12px;

         }

         .navbar.navbar-expand-lg {
             background-color: #ffffff !important;
             box-shadow: 1px 1px 3px 1px #00000012;
             position: sticky;
             top: 0;
             z-index: 10;
             height: 15vh;
         }


         .navbar a img {
             height: 60px;
             padding-left: 35px;
         }

         .navbar-dark .navbar-nav .nav-link {
             color: #000;
         }

         .navbar-dark .navbar-nav .nav-link.active {
             color: #009edb;
         }

         .navbar-dark .navbar-nav .nav-link:focus,
         .navbar-dark .navbar-nav .nav-link:hover {
             color: rgb(0 158 219);
         }

         #homePage {
            height: 70vh;
             background: url("defaultImages/backgroundImage.jpg");
             /*filter: grayscale(100%);*/
             background-position: center;
             background-size: cover;
             display: flex;
         }

         .navigatepage {
             background-color: #ffffffc7;
             border-radius: 6px;
             margin: 11px;
         }

         /**/
         .sitebtn {
             width: 20%;
             display: inline-block;
             color: #fff;
             border-bottom: none;
             width: auto;
             padding: 15px 39px;
             border-radius: 5px;
             -moz-border-radius: 5px;
             -webkit-border-radius: 5px;
             -o-border-radius: 5px;
             -ms-border-radius: 5px;
             cursor: pointer;
             margin-top: 18px;
             border: 0;
             box-shadow: 3px 2px 9px 2px #35333329;
             background-color: #0a445a;
         }
         .loggedUser{
             cursor:pointer;
         }


         .sitebtn:hover,
         .sitebtn:active,
         .sitebtn:active:focus {
             color: #fff;
             background-color: #222222;
             border-color: #222222;
             box-shadow: 1px 1px 5px #0a445a;

         }

         .mobile {
             display: none;
         }

         @media (max-width:991px) {
             .mobile {
                 display: inline-block;
             }
             .loggedUser{
                 display: none;
             }
         }

     </style>
 </head>

 <body>
     <nav class="navbar navbar-expand-lg bg-dark navbar-dark">
         <a class="navbar-brand" href="#">
             <img src="addSite/public/pacslogo.jpg" alt="Navbar" />
         </a>
         <button class="navbar-toggler bg-dark" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
         <div class="collapse navbar-collapse" id="navbarSupportedContent">
             <img src="defaultImages/user.png" class="loggedUser rounded-circle ml-auto mr-5"  data-toggle="userProfilePopover" title="<?php  echo '<b>EmpId </b><span>'.$_SESSION['userId'].'</span>'?>" data-content="<?php  echo '<b>Name: </b><span>'.$_SESSION['userName'].'</span><br><b>Email: </b><span>'.$_SESSION["userMail"].'</span><br><b>Designation:</b><span>'.$_SESSION["teamLeads"].'</span>'?><br><a class='btn btn-color mt-2 d-block' href=<?php include_once dirname(__FILE__) .'/php/constants.php'; echo LOGOUT_URL ?>>Log Out</a>" />
             <ul class="navbar-nav ml-5 mobile">
                 <li class="nav-item">
                     <a class="nav-link"  data-toggle="userProfilePopover" title="<?php  echo '<b>EmpId </b><span>'.$_SESSION['userId'].'</span>'?>" data-content="<?php  echo '<b>Name: </b><span>'.$_SESSION['userName'].'</span><br><b>Email: </b><span>'.$_SESSION["userMail"].'</span><br><b>Designation:</b><span>'.$_SESSION["teamLeads"].'</span>'?><br><a class='btn btn-color mt-2 d-block' href=<?php include_once dirname(__FILE__) .'/php/constants.php'; echo LOGOUT_URL ?>>Log Out</a>">About</a>
                 </li>
             </ul>
         </div>

     </nav>
     <div id="homePage" class="container-fluid p-0">
         <section  class="p-5 m-auto">
             <h1 class="text-center mb-5">Field Travel Allowance</h1>
             <div class="row justify-content-center">
                 <!-- <div class="col-md-3 navigatepage text-center mb-5">
                    <h6 class="mt-5">Add New site</h6>
                    <img class="w-25" src="defaultImages/Addsite.png" />
                    <p class="m-2 px-2">Add new site information or Upate the existing Site-info</p>
                    <button class=" sitebtn  mb-3"> Go to site</button>
                </div>
                <div class="col-md-3 navigatepage text-center mb-5">
                    <h6 class="mt-5">SITE-VISIT</h6>
                    <img class="w-25" src="defaultImages/site-visit.png" />

                    <p class="m-2">FTA(Field Travel Allowances) Check the image Proof and Update the Report</p>
                    <a href="#" class="sitebtn  mb-3"> Go to site</a>
                </div>
                <div class="col-md-3 navigatepage text-center mb-5">
                    <h6 class="mt-5">NORMAL-VISIT</h6>
                    <img class="w-25" src="defaultImages/normalVisite.png" />

                    <p class="m-2">FTA(Field Travel Allowances) Check the image Proof and Update the Report</p>
                    <button class="sitebtn  mb-3"> Go to site</button>
                </div>-->
                 <div class="col-md-3 navigatepage text-center mb-5">
                                <h6 class="mt-5">ADD NEW SITE</h6>
                                <img class="w-25" src="defaultImages/Addsite.png" />
                                <p class="m-2 px-2">Add new site information or Upate the existing Site-info</p>
                                <a href="addSite/" class="sitebtn  mb-3"> click here</a>
                            </div>
                            <div class="col-md-3 navigatepage text-center mb-5">
                                <h6 class="mt-5">SITE-VISIT</h6>
                                <img class="w-25" src="defaultImages/site-visit.png" />
                                <p class="m-2">FTA(Field Travel Allowances) Site Visit Details</p>
                                <a href="siteVisit/" class="sitebtn  mb-3"> click here</a>
                            </div>
                            <div class="col-md-3 navigatepage text-center mb-5">
                                <h6 class="mt-5">NORMAL-VISIT</h6>
                                <img class="w-25" src="defaultImages/normalVisite.png" />
                                <p class="m-2">FTA(Field Travel Allowances) Normal Visit Details</p>
                                <a href="normalVisit/" class="sitebtn  mb-3"> click here</a>
                            </div>

                 <?php
                  /* include_once dirname(__FILE__) .'/php/constants.php';
                 if($_SESSION["teamLeads"]==FINANCE_DEPARTMENT){
                     echo '<div class="col-md-4 navigatepage text-center mb-5">
                                <h6 class="mt-5">SITE-VISIT</h6>
                                <img class="w-25" src="defaultImages/site-visit.png" />
                                <p class="m-2">FTA(Field Travel Allowances) Site Visit Details</p>
                                <a href="siteVisit/" class="sitebtn  mb-3"> Go to site</a>
                            </div>
                            <div class="col-md-4 navigatepage text-center mb-5">
                                <h6 class="mt-5">NORMAL-VISIT</h6>
                                <img class="w-25" src="defaultImages/normalVisite.png" />
                                <p class="m-2">FTA(Field Travel Allowances) Normal Visit Details</p>
                                <a href="normalVisit/" class="sitebtn  mb-3"> Go to site</a>
                            </div>';

                 }elseif($_SESSION["teamLeads"]==TL_DEPARTMENT){
                     echo '<div class="col-md-3 navigatepage text-center mb-5">
                                <h6 class="mt-5">Add New site</h6>
                                <img class="w-25" src="defaultImages/Addsite.png" />
                                <p class="m-2 px-2">Add new site information or Upate the existing Site-info</p>
                                <a href="addSite/" class="sitebtn  mb-3"> Go to site</a>
                            </div>
                            <div class="col-md-3 navigatepage text-center mb-5">
                                <h6 class="mt-5">SITE-VISIT</h6>
                                <img class="w-25" src="defaultImages/site-visit.png" />
                                <p class="m-2">FTA(Field Travel Allowances) Site Visit Details</p>
                                <a href="siteVisit/" class="sitebtn  mb-3"> Go to site</a>
                            </div>
                            <div class="col-md-3 navigatepage text-center mb-5">
                                <h6 class="mt-5">NORMAL-VISIT</h6>
                                <img class="w-25" src="defaultImages/normalVisite.png" />
                                <p class="m-2">FTA(Field Travel Allowances) Normal Visit Details</p>
                                <a href="normalVisit/" class="sitebtn  mb-3"> Go to site</a>
                            </div>';
                 }*/

                ?>

             </div>
         </section>
     </div>
     <div class="footer" style="height: 15vh;"></div>
     <!--<a href='https://pngtree.com/so/position'>position png from pngtree.com</a>-->
 </body>
 <script src="js/main.js?version= 1.1"></script>

 </html>
