<?php include_once __DIR__ . '/../layouts/head.php'; ?>
    <div class="container py-4" style="max-width: 1350px; width: 100%;">
      <div class="row">
        <div class="col-lg-12">
          <div class="shadow-sm bg-white rounded overflow-hidden border">
            <div class="p-0">
              <div class="row px-0 m-0">
			
				<?php include_once __DIR__ . '/../layouts/menu_body.php'; ?>
				
                <div class="col-12 col-md-9 px-0">
                  <div class="tab-content" id="v-pills-tabContent">
                    <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
                      <div class="p-4">
                        <div class="mb-4">
                          <h5 class="mb-0 fw-bold">Selamat Datang Staff STKIP</h5>
                        </div>
                        <div class="row row-cols-1 row-cols-md-2 g-4">
                          <div class="btn-group gap-3 osahan-btn-group d-flex my-3" role="group" aria-label="Basic radio toggle button group">
                            
                            <!-- Alumni -->
                            <input type="radio" class="btn-check" name="btnradio" id="btnradio1" checked>
                            <label class="btn btn-outline-light d-flex gap-4 rounded p-4 col-6" for="btnradio1">
                              <i class="bi bi-mortarboard h5 mb-0"></i>
                              <span class="text-start">
                                <b class="mb-1 h6 d-block fw-bold">Alumni</b>
                                <small class="text-muted text-opacity-50 mb-4">-</small>
                              </span>
                              <i class="bi bi-check-circle-fill ms-auto"></i>
                            </label>
                            
                            <!-- Mahasiswa -->
                            <input type="radio" class="btn-check" name="btnradio" id="btnradio2">
                            <label class="btn btn-outline-light d-flex gap-4 rounded p-4 col-6" for="btnradio2">
                              <i class="bi bi-file-earmark-person h5 mb-0"></i>
                              <span class="text-start">
                                <b class="mb-1 h7 d-block fw-bold"><small>Mahasiswa</small></b>
                                <small class="text-muted text-opacity-50 mb-4">-</small>
                              </span>
                              <i class="bi bi-check-circle-fill ms-auto"></i>
                            </label>
                            
                            <!-- Dosen -->
                            <input type="radio" class="btn-check" name="btnradio" id="btnradio13" checked>
                            <label class="btn btn-outline-light d-flex gap-4 rounded p-4 col-6" for="btnradio13">
                              <i class="bi bi-person-video3 h5 mb-0"></i>
                              <span class="text-start">
                                <b class="mb-1 h6 d-block fw-bold">Dosen</b>
                                <small class="text-muted text-opacity-50 mb-4">-</small>
                              </span>
                              <i class="bi bi-check-circle-fill ms-auto"></i>
                            </label>
                            
                            <!-- Prodi -->
                            <input type="radio" class="btn-check" name="btnradio" id="btnradio23">
                            <label class="btn btn-outline-light d-flex gap-4 rounded p-4 col-6" for="btnradio23">
                              <i class="bi bi-stickies h5 mb-0"></i>
                              <span class="text-start">
                                <b class="mb-1 h6 d-block fw-bold">Prodi</b>
                                <small class="text-muted text-opacity-50 mb-4">2</small>
                              </span>
                              <i class="bi bi-check-circle-fill ms-auto"></i>
                            </label>
                            
                          </div>
                        </div>
                        <div class="row row-cols-1 row-cols-md-12 g-12">
                          <div class="col">
                            <div class="border rounded d-flex gap-12 p-12">
                              <div class="p-4">
                                <div class="mb-4">
                                  <h6 class="fw-bold">"Hasan Al Bashri"</h6>
                                  <p class="text-muted">"Dunia ini hanya memiliki tiga hari: Hari kemarin, ia telah pergi bersama dengan semua yang menyertainya. Hari esok, kamu mungkin tak akan pernah menemuinya. Hari ini, itulah yang kamu miliki, maka beramallah di hari ini."✨</p>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
	
<?php include_once __DIR__ . '/../layouts/footer.php'; ?>