@extends('masterdata::gelombang')

@section('content')
<div class="card" >
  <div class="card-header p-3 pb-0">
		<div class="py-2 mb-2" >
			<h5><i class="fa-solid fa-gears"></i> Pengaturan {{$gelombang}} / {{$tahun}}</h5>
		</div>
    <ul class="nav nav-tabs nav-fill" id='gelombang-tab' style="">
      <li class="nav-item">
        <a class="nav-link
				@if (last(request()->segments()) == 'jalur') active @endif
				" id='gelombang-jalur'
          href="/masterdata/gelombang/jalur?id_gelombang={{ request('id_gelombang') }}">
          <i class="fa-solid fa-signs-post"></i>
          Jalur
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link
				@if (last(request()->segments()) == 'fakultas') active @endif
				" id='gelombang-fakultas'
          href="/masterdata/gelombang/fakultas?id_gelombang={{ request('id_gelombang') }}">
          <i class="fa-solid fa-building-circle-check"></i>
          Fakultas
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link
				@if (last(request()->segments()) == 'kapasitas-prodi') active @endif
				" id='gelombang-kapasitas-prodi'
          href="/masterdata/gelombang/kapasitas-prodi?id_gelombang={{ request('id_gelombang') }}">
          <i class="fa-solid fa-building-columns"></i>
          Prodi
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link
				@if (last(request()->segments()) == 'berkas') active @endif
				" id='gelombang-berkas'
          href="/masterdata/gelombang/berkas?id_gelombang={{ request('id_gelombang') }}">
          <i class="fa-solid fa-folder"></i>
          Berkas
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link
				@if (last(request()->segments()) == 'pembayaran') active @endif
				" id='pembayaran'
          href="/masterdata/gelombang/pembayaran?id_gelombang={{ request('id_gelombang') }}">
          <i class="fa-solid fa-credit-card"></i>
          Pembayaran
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link
				@if (last(request()->segments()) == 'komponen-ujian') active @endif
				" id='gelombang-komponen-ujian'
          href="/masterdata/gelombang/komponen-ujian?id_gelombang={{ request('id_gelombang') }}">
          <i class="fa-solid fa-calendar-day"></i>
          Ujian
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link
				@if (last(request()->segments()) == 'sesi-ujian') active @endif
				" id='gelombang-sesi-ujian'
          href="/masterdata/gelombang/sesi-ujian?id_gelombang={{ request('id_gelombang') }}">
          <i class="fa-solid fa-gear"></i>
          Sesi Ujian
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link
				@if (last(request()->segments()) == 'report') active @endif
				" id='gelombang-report'
          href="/masterdata/gelombang/report?id_gelombang={{ request('id_gelombang') }}">
          <i class="fa-solid fa-file-lines"></i>
          Report
        </a>
      </li>
    </ul>
  </div>

  <div class="m-3">
    @yield('gelombang-setting')
  </div>

  {{-- <div class="tab-content mt-3" id='gelombang-tab-content'>
    @include('masterdata::gelombang-settings.jalur')
    @include('masterdata::gelombang-settings.fakultas')
    @include('masterdata::gelombang-settings.kapasitas-prodi')
    @include('masterdata::gelombang-settings.jalur-pembayaran')
    @include('masterdata::gelombang-settings.berkas')
    @include('masterdata::gelombang-settings.komponen-ujian')
  </div>

  <script>
    function handleHashChange() {
      var hash = window.location.hash;
      var tab = hash.replace('#', '');
      // nav
      var tabRoutes = document.querySelector('#gelombang-tab');
      var tabLinks = tabRoutes.querySelectorAll('.nav-link');
      tabLinks.forEach(function(tabPane) {
        tabPane.classList.remove('active');
      });

      var tabPane = tabRoutes.querySelector('#gelombang-' + tab);
      console.log(tabPane);
      tabPane.classList.add('active');

      // content
      var tabContent = document.querySelector('#gelombang-tab-content');
      var tabPanes = tabContent.querySelectorAll('.tab-pane');
      tabPanes.forEach(function(tabPane) {
        tabPane.classList.remove('active');
      });

      var tabPane = tabContent.querySelector('#' + tab);
      tabPane.classList.add('active');


    }

    window.onhashchange = handleHashChange;
  </script> --}}
@endsection