@extends('layouts.sidebar')
@section('title', 'Nomadic-Dashboard')
@section('content')
<div class="pagetitle">
  <h1>Dashboard</h1>
</div><!-- End Page Title -->

<section class="section profile">
  <div class="row">
    <div class="gridcard col-xl-12">

      <div class="card">
        <div class="heading3 ps-0 mb-2"></div>
        <div class="card-body profile-card pt-4 pl-0 d-flex flex-column align-items-center">
          <div id="timer"></div>
        </div>
      </div>

    </div>
  </div>
</section>
@endsection
@section('footer_scripts')
<script>
  $(document).ready(function(){
    setInterval(function() {
      getdate();
    }, 1000);
  });
  function getdate(){
    var today = new Date();
    var month = today.getMonth()+1;
    var day = today.getDate();
    var date = today.getFullYear() + '-' +
    (month<10 ? '0' : '') + month + '-' +
    (day<10 ? '0' : '') + day;

    var h = today.getHours();
    var m = today.getMinutes();
    var s = today.getSeconds();
    if(s<10){
      s = "0"+s;
    }
    if (m < 10) {
      m = "0" + m;
    }
    $('#timer').text(date+" "+h+":"+m+":"+s);
  }
</script>
@endsection