<?php if(isset($_SESSION['user'])){
  //echo "<pre>"; print_r($_SESSION['user']); echo "</pre>";
?>
  <div id="index-banner" class="parallax-container">
    <div class="section no-pad-bot">
      <div class="container">
        <br><br>
        <h1 class="header center teal-text text-lighten-2">Welcome to Globsi</h1>
        <div class="row center">
          <h5 class="header col s12 light">This is your home page. Learn more while scrolling on it.</h5>
        </div>

      </div>
    </div>
    <div class="parallax grey lighten-3"></div>
  </div>

  <div class="container">
    <div class="section">

      <!--   Icon Section   -->
      <div class="row">
        <div class="col s12 m4">
          <div class="icon-block">
            <h2 class="center brown-text"><i class="material-icons">face</i></h2>
            <h5 class="center"><?php echo $_SESSION['user']['erp'][0]['display_name']; ?></h5>
            <p class="center light">Level: <?php echo $_SESSION['user']['erp'][0]['project_task_level_id'][1]; ?></p>
          </div>
        </div>

        <div class="lighten-4 col s12 m4">
          <div class="icon-block">
            <h2 class="center brown-text"><i class="material-icons">attach_money</i></h2>
            <h5 class="center">Your open gain</h5>
            <div class="center chart" id="current_real_gain"></div>
          </div>
        </div>
        <script type="text/javascript" src="<?php echo $oConf->getURLRoot("custom/scripts/d3js/current_real_gain.js"); ?>"></script>

        <div class="col s12 m4">
          <div class="icon-block">
            <h2 class="center brown-text"><i class="material-icons">show_chart</i></h2>
            <h5 class="center">Statistics on tasks</h5>
            <p class="center light">Content is coming soon...</p>
          </div>
        </div>
      </div>

    </div>
  </div>
  
<?php } else { ?>

  <div id="index-banner" class="parallax-container">
    <div class="section no-pad-bot">
      <div class="container">
        <br><br>
        <h1 class="header center orange-text text-darken-2">Code & Make Cash!</h1>
        <div class="row center">
          <h4 class="header col s12">Register now and enjoy to code and be rewarded for your excellence.</h4>
        </div>
        <div class="row center">
          <a href="<?php echo $oConf->getURLRoot('register'); ?>" id="download-button" class="btn-large waves-effect waves-light red darken-4">Get Started</a>
        </div>
        <br><br>

      </div>
    </div>
    <div class="parallax"><img src="<?php echo $oConf->getURLRoot('images/binary-euros.jpg'); ?>" alt="Code && Make Cash!" style="max-width: 100px;"></div>
  </div>


    <div class="section" style="padding: 100px 0px 100px 0px; ">
  <div class="container">

      <!--   Icon Section   -->
      <div class="row">
        <div class="col s12 l4 center">
          <div class="icon-block">
            <h2 class="blue-text text-darken-4"><i class="material-icons">multiline_chart</i></h2>
            <h5>No matter your skills</h5>
            <ul>
              <li>ERPs, CRMs</li>
              <li>Website portails and/or e-commerce</li>
              <li>disruptive technologies</li>
              <li>your prefered software language</li>
              <li>Others</li>
            </ul>
            <p>you are welcome to be part of our world team of consultants.</p>
          </div>
        </div>

        <div class="col s12 l4 center">
          <div class="icon-block">
            <h2 class="blue-text text-darken-4"><i class="material-icons">group</i></h2>
            <h5>Code whenever you want</h5>
            <ul>
              <li>no matter your sex, age, religion</li>
              <li>where you are on planet Earth</li>
              <li>what your skills level are</li>
              <li>how much time you have</li>
              <li>why you want to earn more</li>
            </ul>
            <p>you can still make money while working on the tasks listed on this platform.</p>
          </div>
        </div>

        <div class="col s12 l4 center">
          <div class="icon-block">
            <h2 class="blue-text text-darken-4"><i class="material-icons">attach_money</i></h2>
            <h5>Make Cash!</h5>
            <ul>
              <li>for your knowledge</li>
              <li>for your work</li>
              <li>for your time</li>
              <li>for your love of software development</li>
              <li>for any other reason</li>
            </ul>Coding for JMDN Solutions is very profitable.</p>
          </div>
        </div>
      </div>

    </div>
  </div>
  
  <div class="parallax-container valign-wrapper">
    <div class="section no-pad-bot">
      <div class="container">
        <div class="row center">
          <h5 class="header col s12 light">Globsi is the first and only platform where your work is rewarded.</h5>
        </div>
      </div>
    </div>
    <div class="parallax"><img src="<?php echo $oConf->getURLRoot('images/geneva-xl-01-banner.jpg'); ?>" alt="Unsplashed background img 2"></div>
  </div>

    <div class="section" style="padding: 100px 0px 100px 0px;">
  <div class="container">

      <div class="row">
        <div class="col s12 center">
          <h3><i class="mdi-content-send brown-text"></i></h3>
          <h4>How does that work?</h4>
          <ul>
            <li>You choose the tasks</li>
            <li>Then you push your code</li>
            <li>We review it</li>
            <li>If we approve your work, you get paid</li>
            <li>Or You fix it, we approve, you get paid</li>
          </ul>
          <b>To only way for you to not be paid, it is to give up the task.</b>
        </div>
      </div>

    </div>
  </div>
  

  <div class="parallax-container valign-wrapper">
    <div class="section no-pad-bot">
      <div class="container">
        <br>
        <br>
        <div class="row center">
          <h3 class="header col s12">Now you Know. It is time to Create Your Account.</h3>
        </div>
        <div class="row center">
          <a href="<?php echo $oConf->getURLRoot('register'); ?>" id="download-button" class="btn-large waves-effect waves-light red darken-4">Get Started</a>
        </div>
        <h1 class="header center orange-text text-darken-2">Code & Make Cash!</h1>
        <br><br>
      </div>
    </div>
    <div class="parallax"><img src="<?php echo $oConf->getURLRoot('images/binary-euros.jpg'); ?>" alt="Code & Make Cash!" style="max-width: 100px;"></div>
  </div>


<?php } ?>