<?php
# @Author: Waris Agung Widodo <user>
# @Date:   2018-01-25T10:25:29+07:00
# @Email:  ido.alit@gmail.com
# @Filename: _navbar.php
# @Last modified by:   Erwan Setyo Budi (erwans818@gmail.com)
# @Last modified time: 2018-01-25T10:29:27+07:00

$main_menus = [
  'home' => [
    'text' => __('News'),
    'url' => 'index.php?p=news'
 ],
  
];
?>

<nav class="navbar navbar-expand-sm pr navbar-dark bg-blue">
  
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNavDropdown">
    <ul class="navbar-nav">
      <li class="nav-item blacktext active">
        <a class="nav-link" style="color: #000000;" href="https://api.whatsapp.com/send?phone=AdminPerpustakaan&text=Halo%20Admin%20Ada%20yang%20ingin%20saya%20tanyakan"><i class="fa fa-phone" aria-hidden="true"></i>  024 76486841 <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" style="color: #000000;" href="mailto:perpustakaanfeb@undip.ac.id"><i class="fa fa-envelope" aria-hidden="true"></i> perpustakaanfeb@undip.ac.id</a>
      </li>
      

      <!-- <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Dropdown link
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
          <a class="dropdown-item" href="#">Action</a>
          <a class="dropdown-item" href="#">Another action</a>
          <a class="dropdown-item" href="#">Something else here</a>
        </div>
      </li> -->
    </ul>
    <ul class="navbar-nav ml-auto">
      <li class="nav-item">
                <a class="nav-link" style="color: #000000;" href="index.php?p=login">
                  Staff
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" style="color: #000000;" href="index.php?p=visitor">
                  Visitor
                </a>
            </li>
            
            <li class="nav-item">
                <a class="nav-link" style="color: #000000;" href="index.php?p=help">
                  FAQ
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" style="color: #000000;" href="index.php?p=unduh">
                  Unduh
                </a>
            </li>
      

            <li class="nav-item dropdown">
              <?php
              $langstr = '';
              $current_lang = '';
              $select_lang = isset($_COOKIE['select_lang'])?$_COOKIE['select_lang']:$sysconf['default_lang'];
              require_once(LANG . 'localisation.php');
              foreach ($available_languages AS $lang_index) {
                $selected = null;
                $lang_code = $lang_index[0];
                $lang_name = $lang_index[1];
                $code_arr = explode('_', $lang_code);
                $code_flag = strtolower($code_arr[1]);
                if ($lang_code == $select_lang) {
                  $current_lang = [
                    'name' => $lang_name,
                    'code' => $code_flag
                  ];
                }
                $langstr .= <<<HTML
    <a class="dropdown-item" href="index.php?select_lang={$lang_code}">
        <span class="flag-icon flag-icon-{$code_flag} mr-2" style="border-radius: 2px;"></span> {$lang_name}
    </a>
HTML;
              }
              ?>
                <a class="nav-link dropdown-toggle cursor-pointer" type="button" id="languageMenuButton"
                   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <span class="flag-icon flag-icon-<?= $current_lang['code'] ?>" style="border-radius: 2px;"></span>
                </a>
                <div class="dropdown-menu bg-grey-lighter dropdown-menu-lg-right" aria-labelledby="dropdownMenuButton">
                    <h6 class="dropdown-header"><?= __('Select Language'); ?> : </h6>
                  <?= $langstr; ?>
                </div>
            </li>
        </ul>

  </div>
</nav>

<!-- Nav Primary Start -->
<nav class="navbar navbar-expand-lg navbar-dark bg-blue">
    <a class="navbar-brand inline-flex items-center" href="index.php">
        <?php
        if(isset($sysconf['logo_image']) && $sysconf['logo_image'] != '' && file_exists('images/default/'.$sysconf['logo_image'])){
            echo '<img class="h-8 w-20" src="images/default/'.$sysconf['logo_image'].'">';
        }
        elseif (file_exists(__DIR__ . '/../assets/images/logo.png')) {
            echo '<img class="h-8 w-20" src="'.assets('images/logo.png').'">';
        } else {
        ?>
        <svg
            class="fill-current inline-block h-8 w-8"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
            viewBox="0 0 118.4 135" style="enable-background:new 0 0 118.4 135;"
            xml:space="preserve">
                <path d="M118.3,98.3l0-62.3l0-0.2c-0.1-1.6-1-3-2.3-3.9c-0.1,0-0.1-0.1-0.2-0.1L61.9,0.8c-1.7-1-3.9-1-5.4-0.1l-54,31.1
                l-0.4,0.2C0.9,33,0.1,34.4,0,36c0,0.1,0,0.2,0,0.3l0,62.4l0,0.3c0.1,1.6,1,3,2.3,3.9c0.1,0.1,0.2,0.1,0.2,0.2l53.9,31.1l0.3,0.2
                c0.8,0.4,1.6,0.6,2.4,0.6c0.8,0,1.5-0.2,2.2-0.5l53.9-31.1c0.3-0.1,0.6-0.3,0.9-0.5c1.2-0.9,2-2.3,2.1-3.7c0-0.1,0-0.3,0-0.4
                C118.4,98.6,118.3,98.5,118.3,98.3z M114.4,98.8c0,0.3-0.2,0.7-0.5,0.9c-0.1,0.1-0.2,0.1-0.2,0.1l-20.6,11.9L59.2,92.1l-33.9,19.6
                L4.6,99.7l0,0l0,0C4.2,99.5,4,99.2,4,98.8l0-62.5l0,0l0-0.1c0-0.4,0.2-0.7,0.5-0.9l20.8-12l33.9,19.6l33.9-19.6l20.6,11.9l0.1,0
                c0.3,0.2,0.5,0.5,0.6,0.9l0,62.3L114.4,98.8L114.4,98.8z M95.3,68.6v39.4L23.1,66.4V26.9L95.3,68.6z"/>
         </svg>
        <?php } ?>
        <div class="inline-flex flex-col leading-tight ml-2">
            <h1 class="text-lg m-0 p-0"><?php echo $sysconf['library_name']; ?></h1>
            <?php if ($sysconf['template']['classic_library_subname']) : ?>
            <h2 class="text-sm lead m-0 p-0"><?php echo $sysconf['library_subname']; ?></h2>
            <?php endif; ?>
        </div>
    </a>
    <button class="navbar-toggler" 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">
        <ul class="navbar-nav ml-auto">
          
          
          <!-- Start Add Sub Menu Drop Down by Erwan Setyo Budi -->
          <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">
                  <?= __('Profil') ?> 
              </a>
              <div class="dropdown-menu bg-grey-lighter dropdown-menu-lg-right" aria-labelledby="dropdownMenuButton">
                  <a class="dropdown-item" href="index.php?p=sejarah">Sejarah</a>
                  <a class="dropdown-item" href="index.php?p=strukturorganisasi">Struktur Organisasi</a>
                  <a class="dropdown-item" href="index.php?p=tata-kelola-perpusi">Tata Kelola</a>
                  <a class="dropdown-item" href="index.php?p=librarian"><?= __('Librarian') ?></a>
                  <a class="dropdown-item" href="https://perpustakaan.feb.undip.ac.id/galeri/"><?= __('Geleri') ?></a>
                  
                  
              </div>
          </li>
         
          <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">
                  Layanan
              </a>
              <div class="dropdown-menu bg-grey-lighter dropdown-menu-lg-right" aria-labelledby="dropdownMenuButton">
                  
                      <a class="dropdown-item" href="index.php?p=bebaspustaka">Bebas Pustaka</a>
                      <a class="dropdown-item" href="index.php?p=unggahmandiri">Unggah Mandiri</a>
                      <a class="dropdown-item" href="index.php?p=ujikemiripan">Uji Kemiripan</a>
                     
                      </div>
          </li>
          
          <li class="nav-item dropdown has-megamenu">
              <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-expanded="false"> E-Resources  </a>
              <div class="dropdown-menu megamenu" role="menu">
                          <div class="row">
                              <div class="col-md-3">
                                  <div class="col-megamenu">
                                      <h6 class="title">Indonesiana</h6>
                                      <ul class="list-unstyled">
                                          <li><a href="http://bataviadigital.perpusnas.go.id" target="_blank">Batavia Digital</a></li>
                                          <li><a href="http://candi.perpusnas.go.id" target="_blank">Candi di Indonesia</a></li>
                                          <li><a href="http://perfilman.perpusnas.go.id" target="_blank">Dokumentasi Perfilman Indonesia</a></li>
                                          <li><a href="http://sastra.perpusnas.go.id" target="_blank">Dokumentasi Sastra Indonesia</a></li>
                                          <li><a href="http://kepustakaan-presiden.perpusnas.go.id" target="_blank">Kepustakaan Presiden RI</a></li>
                                          <li><a href="http://keraton.perpusnas.go.id" target="_blank">Keraton Nusantara</a></li>
                                          <li><a href="http://pernaskahan.perpusnas.go.id" target="_blank">Pernaskahan Nusantara</a></li>
                                          <li><a href="http://kepustakaan-tokoh.perfilman.perpusnas.go.id" target="_blank">Kepustakaan Tokoh Perfilman</a></li>
                                          <li><a href="http://khastara.perpusnas.go.id" target="_blank">Khasanah Pustaka Nusantara</a></li>
                                          <li><a href="http://perpuspedia.perpusnas.go.id" target="_blank">Perpuspedia</a></li>
                                      </ul>
                                  </div>  <!-- col-megamenu.// -->
                              </div><!-- end col-3 -->
                              <div class="col-md-3">
                                  <div class="col-megamenu">
                                  <h6 class="title">Pencarian</h6>
                                      <ul class="list-unstyled">
                                          <li><a href="https://doaj.org/">DOAJ</a></li>
                                          <li><a href="https://scholar.google.com/">Google Scholar</a></li>
                                          <li><a href="https://jdihn.go.id/">JDIH</a></li>
                                          <li><a href="https://bni.perpusnas.go.id/">Bibliografi Nasional Indonesia</a></li>
                                          <li><a href="https://kin.perpusnas.go.id/">Katalog Induk Nasional</a></li>
                                          <li><a href="https://www.idx.co.id/">Bursa Efek Indonesia</a></li>
                                      </ul>
                                  </div>  <!-- col-megamenu.// -->
                              </div><!-- end col-3 -->
                              <div class="col-md-3">
                                  <div class="col-megamenu">
                                  <h6 class="title">Alat</h6>
                                      <ul class="list-unstyled">
                                          <li><a href="https://www.mendeley.com/">Mendeley</a></li>
                                          <li><a href="https://www.zotero.org/">Zotero</a></li>
                                          <li><a href="https://harzing.com/resources/publish-or-perish">Publish or Perish</a></li>
                                          <li><a href="https://www.vosviewer.com/">Vos Viewer</a></li>
                                          
                                      </ul>
                                  </div>  <!-- col-megamenu.// -->
                              </div>    
                              <div class="col-md-3">
                                  <div class="col-megamenu">
                                  <h6 class="title">Sumber Belajar</h6>
                                      <ul class="list-unstyled">
                                          <li><a href="https://ipusnas.id/">Perpustakaan Digital</a></li>
                                          <li><a href="https://www.ted.com/">TED</a></li>
                                          <li><a href="https://experiments.withgoogle.com/">Google Experiments</a></li>
                                          <li><a href="https://sumber.belajar.kemdikbud.go.id/">Sumber Belajar Kemdikbud</a></li>
                                          <li><a href="https://www.pdfdrive.com/">Ebook</a></li>
                                      </ul>
                                  </div>  <!-- col-megamenu.// -->
                              </div><!-- end col-3 -->
                          </div><!-- end row --> 
              </div> <!-- dropdown-mega-menu.// -->
          </li>
          
          <!-- End Sub Menu Drop Down by Erwan Setyo Budi -->
          <li class="nav-item">
                  <a class="nav-link"  href="index.php?p=news"><?= __('News') ?></a>
          </li>
          <li class="nav-item">
                  <a class="nav-link"  href="https://repofeb.undip.ac.id/"><?= __('Repository') ?></a>
          </li>
          
          <?php
          foreach ($main_menus as $key => $main_menu) {
            $active = '';
            if (isset($_GET['p'])) {
              if ($key === $_GET['p']) $active = 'active';
            } elseif ($key === 'home') {
              $active = 'active';
            }
            $menu_str = <<<HTML

HTML;
            echo $menu_str;
          }
          ?>
          <?php
          $menu_member_active = isset($_GET['p']) && $_GET['p'] === 'member' ? 'active' : '';
          if ($is_login) {
            ?>

              <li class="nav-item <?= $menu_member_active; ?>">
                  <a class="nav-link" href="index.php?p=member&sec=title_basket">
                      <i class="fas fa-shopping-basket"></i>
                    <?php
                    $count_basket = count($_SESSION['m_mark_biblio']);
                    ?>
                      <sup id="count-basket" class="badge badge-danger"><?php echo $count_basket; ?></sup>
                  </a>
              </li>
              <li class="nav-item dropdown <?= $menu_member_active; ?>">
                  <a class="nav-link dropdown-toggle"  href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
                     aria-haspopup="true" aria-expanded="false">
                      <img class="w-6 h-6 rounded-full ml-2 mr-2"
                           src="<?php echo $member_image_path; ?>"
                           alt="Avatar of Jonathan Reinink">
                    <?php echo $_SESSION['m_name']; ?>
                  </a>
                  <div class="dropdown-menu dropdown-menu-right">
                      <a class="dropdown-item"  href="index.php?p=member"><i class="fas fa-user-circle mr-3"></i> <?= __('Profile');?></a>
                      <div class="dropdown-divider"></div>
                      <a class="dropdown-item" href="index.php?p=member&logout=1"><i
                                  class="fas fa-sign-out-alt mr-3"></i> <?= __('Logout'); ?></a>
                  </div>
              </li>
          <?php } else { ?>
              <li class="nav-item <?= $menu_member_active; ?>">
                  <a class="nav-link" href="index.php?p=member"><?= __('Member Area') ?></a>
              </li>
          <?php } ?>
          

            <li class="nav-item dropdown">
              <?php
              $langstr = '';
              $current_lang = '';
              $select_lang = isset($_COOKIE['select_lang'])?$_COOKIE['select_lang']:$sysconf['default_lang'];
              require_once(LANG . 'localisation.php');
              foreach ($available_languages AS $lang_index) {
                $selected = null;
                $lang_code = $lang_index[0];
                $lang_name = $lang_index[1];
                $code_arr = explode('_', $lang_code);
                $code_flag = strtolower($code_arr[1]);
                if ($lang_code == $select_lang) {
                  $current_lang = [
                    'name' => $lang_name,
                    'code' => $code_flag
                  ];
                }
                $langstr .= <<<HTML
    <a class="dropdown-item" href="index.php?select_lang={$lang_code}">
        <span class="flag-icon flag-icon-{$code_flag} mr-2" style="border-radius: 2px;"></span> {$lang_name}
    </a>
HTML;
              }
              ?>
                <a class="nav-link dropdown-toggle cursor-pointer" type="button" id="languageMenuButton"
                   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <span class="flag-icon flag-icon-<?= $current_lang['code'] ?>" style="border-radius: 2px;"></span>
                </a>
                <div class="dropdown-menu bg-grey-lighter dropdown-menu-lg-right" aria-labelledby="dropdownMenuButton">
                    <h6 class="dropdown-header"><?= __('Select Language'); ?> : </h6>
                  <?= $langstr; ?>
                </div>
            </li>

        </ul>
    </div>
</nav>

<script type="text/javascript">
  // jQuery code
// Prevent closing from click inside dropdown
$(document).on('click', '.dropdown-menu', function (e) {
  e.stopPropagation();
});
// Prevent closing from click inside dropdown
  $(document).on('click', '.dropdown-menu', function (e) {
    e.stopPropagation();
  });

// clickable on mobile view
  if ($(window).width() < 992) {
      $('.has-submenu a').click(function(e){
        e.preventDefault();
          $(this).next('.megasubmenu').toggle();

          $('.dropdown').on('hide.bs.dropdown', function () {
             $(this).find('.megasubmenu').hide();
          })
      });
  }
</script>
<style type="text/css">
  @media all and (min-width: 992px) {
  .navbar{ padding-top: 0; padding-bottom: 0; }
  .navbar .has-megamenu{position:static!important;}
  .navbar .megamenu{left:0; right:0; width:100%; padding:20px;  }
  .navbar .nav-link{ padding-top:1rem; padding-bottom:1rem;  }
}
.megasubmenu{ padding: 20px; }

@media (min-width: 992px){
  .dropdown-menu .dropdown-toggle:after{
    border-top: .3em solid transparent;
      border-right: 0;
      border-bottom: .3em solid transparent;
      border-left: .3em solid;
  }
  .dropdown-menu{
    margin:0; 
  }
  .megasubmenu{ 
    left:100%; 
    right: 0;
    top:0; min-height: 100%; 
  }
  .dropdown-menu > li:hover .megasubmenu{
    display: block;
  }
}
</style>