<?php
ob_start();
session_start();
?>
<!DOCTYPE html>
<html lang="en" data-bs-theme="dark">
<head>
<?php

require_once 'core/classes.php';
require_once 'core/classes/user.php';
$user = new User($con, $_SESSION['user'] ?? 0);
if(!$user->isLoggedIn()) {
  header('location: /login');
  exit;
}

$getitstarted = new PartyStarter;
$getitstarted->header();
?>
</head>
<title><?php echo $pagename; ?> | <?php echo $sitename; ?></title>
<body>
 <main class="container text-white" style="width: 100%;">
 <br>
  <h2>Friends</h2>
<div class="nav  nav-tabs mb-3 nav-fill" id="pills-tab" role="tablist">
  <li class="nav-item" role="presentation">
    <button class="nav-link active" id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home" aria-selected="true">Friends</button>
  </li>
  <li class="nav-item" role="presentation">
    <button class="nav-link" id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile" aria-selected="false">Friend requests</button>
  </li>
</div>
<div class="tab-content" id="pills-tabContent">
  <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab" tabindex="0">...</div>
  <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab" tabindex="0">
  
<table class="table table-dark table-striped border">
      <thead>
    <tr class="border">
      <th scope="col" class="border">#</th>
      <th scope="col" class="border">Friend</th>
      <th scope="col" class="text-end border">Action</th>
    </tr>
  </thead>
  <tbody>
    <tr style="vertical-align: middle;">
      <th scope="row">1</th>
      <td><img class="rounded-5" height=32 width=32 src="assets/renders/user/headshot?userId=1">qzip</td>
      <td class="text-end">
	   <div class="btn-group" role="group" aria-label="Basic example">
	    <a class="btn btn-danger">Deny</a><a class="btn btn-success">Approve</a></td>
	   </div>
    </tr>
  </tbody>

  </table>
  
  </div>
</div>

 </main>
</body>
</html>
