<?php session_start();
    if (isset($_SESSION['email']) and isset($_SESSION['phone'])) {
      header("location: ./signup/services.php");
      exit();
    } 
    if(isset($_GET['err'])){
      $msg="<div class=\"alert alert-danger\" role=\"alert\">
      كلمة السر خاطئة
    </div>";
    }else {
      $msg="";
    }
?>
<!DOCTYPE html>
<html lang="en" class="">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta
      name="description"
      content="مبادرة وطنية من اجل مساعدة المتضررين من أزمة COVID-19"
    />
    <meta
      name="keywords"
      content="COVID-19, CORONAVIRUS, CORONA, MAROC, SARS-CORONA-2, nCOV-19"
    />
    <meta name="author" content="Abdessalam bougaa" />
    <link href="css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css" />
    <link rel="stylesheet" type="text/css" href="css/login.css" />

    <link rel="stylesheet" href="css/font-awesome.min.css" />
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.min.js"></script>
    <title>SOSMAR</title>
    <!-- Meta Description -->
  </head>
  <body>
    <header id="navigation" class="navbar-fixed-top navbar">
      <div class="container">
        <div class="navbar-header">
          <!-- responsive nav button -->
          <button
            type="button"
            class="navbar-toggle"
            data-toggle="collapse"
            data-target=".navbar-collapse"
          >
            <span class="sr-only">Toggle navigation</span>
            <i class="fa fa-bars fa-2x"></i>
          </button>
          <!-- /responsive nav button -->

          <!-- logo -->
          <a class="navbar-brand" href="./#body">
            <h1 id="logo">
              <img height="40" src="img/footer-logo.png" alt="SOSMAR" />
            </h1>
          </a>
          <!-- /logo -->
        </div>

        <!-- main nav -->
        <nav
          dir="rtl"
          lang="ar"
          class="collapse navbar-collapse navbar-right kufi"
          role="navigation"
        >
          <ul id="nav" class="nav navbar-nav">
            <li class="current">
              <a href="#body"><i class="fa fa-home fa-2x"></i></a>
            </li>
            <li><a href="./#features">مساعدة</a></li>
            <li><a href="./#project">مشروع</a></li>
            <li><a href="./#facts">الرصد الصحي</a></li>
            <li><a href="./#contact">اتصل بنا</a></li>
            <li>
              <a href="./signup">انضم الينا <i class="fa fa-user"></i></a>
            </li>
          </ul>
        </nav>
        <!-- /main nav -->
      </div>
    </header>

    <div dir="rtl" lang="ar" class="container kufi">
      <div class="login">
        <div class="text-center logo">
          <img src="img/footer-logo.png" />
        </div>
        <div>
          <form method="post" action="./signup/login.php">
            <div class="form-group">
              <input
                type="email"
                name="email"
                placeholder="أدخل البريد الالكتروني"
                required="required"
              />
              <input
                type="password"
                name="password"
                placeholder="كلمة السر"
                required="required"
              />
              <button type="submit" class="btn btn-primary btn-block btn-large">
                تسجيل الدخول
              </button>
            </div>
            <div class="form-group text-center">
              <a href="#">هل نسيت كلمة المرور ؟ </a>
              <a href="#"> تسجيل حساب </a>
            </div>
            <?php echo $msg ?>
            <div class="form-group text-center">
              <ul class="social-links" style="padding-right: 0px;">
                <li>
                  <a href="#"><i class="fa fa-twitter fa-lg"></i></a>
                </li>
                <li>
                  <a href="#"><i class="fa fa-facebook fa-lg"></i></a>
                </li>
                <li>
                  <a href="#"><i class="fa fa-linkedin fa-lg"></i></a>
                </li>
                <li>
                  <a href="#"><i class="fa fa-whatsapp fa-lg"></i></a>
                </li>
              </ul>
            </div>
          </form>
        </div>
      </div>
    </div>

    <!-- Essential jQuery Plugins
        ================================================== -->
    <!-- Main jQuery -->
    <script src="js/jquery-1.11.1.min.js"></script>
    <!-- Single Page Nav -->
    <script src="js/jquery.singlePageNav.min.js"></script>
    <!-- Twitter Bootstrap -->
    <script src="js/bootstrap.min.js"></script>
    <!-- jquery.fancybox.pack -->
    <script src="js/jquery.fancybox.pack.js"></script>
    <!-- jquery.mixitup.min -->
    <script src="js/jquery.mixitup.min.js"></script>
    <!-- jquery.parallax -->
    <script src="js/jquery.parallax-1.1.3.js"></script>
    <!-- jquery.countTo -->
    <script src="js/jquery-countTo.js"></script>
    <!-- jquery.appear -->
    <script src="js/jquery.appear.js"></script>
    <!-- Contact form validation -->
    <script src="js/jquery.form.js"></script>
    <script src="js/jquery.validate.min.js"></script>
    <script src="js/jquery.fancybox.pack.js"></script>
    <!-- jquery easing -->
    <script src="js/jquery.easing.min.js"></script>
  </body>
</html>
