header.php

<header class='sticky-top bg-dark shadow'>
	<nav class="px-4 px-xl-0 col-xl-6 offset-xl-3 navbar navbar-dark navbar-expand-sm">
		<a class="navbar-brand" href="/">
			<img src="/imagens/logo.png" height="32" alt="" loading="lazy">
		</a>
		<?php
		echo "<span class='d-flex align-items-center'>";
		if ($uti){
			echo "<a class='d-sm-none text-white mx-3' href='/criar'><i style='font-size:28px' class='bi bi-plus-lg'></i></a>";
		}
		echo "
			<button class='navbar-toggler px-0' type='button' data-bs-toggle='collapse' data-bs-target='#menu' aria-controls='menu' aria-expanded='false' aria-label='Abrir menu'>
				<span class='navbar-toggler-icon'></span>
			</button>
		</span>

		<div class='collapse navbar-collapse justify-content-end text-end p-sm-0 pb-2 pe-1' id='menu'>
			<ul class='navbar-nav'>";
				if ($uti['car']==1){
					echo "<li class='nav-item'><a class='nav-link' href='/adm' data-bs-toggle='tooltip' data-bs-placement='bottom' title='"._('Administrar')."'><span class='d-sm-none text-rosa'>"._('Administrar')." </span><i class='bi bi-shield-check text-rosa'></i></a></li>";
				} else if ($uti['car']==2){
					echo "<li class='nav-item'><a class='nav-link' href='/mod' data-bs-toggle='tooltip' data-bs-placement='bottom' title='"._('Moderar')."'><span class='d-sm-none text-ciano'>"._('Administrar')." </span><i class='bi bi-shield-check text-ciano'></i></a></li>";
				}
				/*  else if ($uti['car']==3){
					echo "<li class='nav-item'><a class='nav-link' href='/mod'><span class='text-amarelo'>"._('Estatisticas')." <i class='bi bi-bar-chart-line'></i></span></a></li>";
				} */
				echo "<li class='nav-item'><span data-bs-toggle='modal' data-bs-target='#modal_procurar'><a class='nav-link' href='#' data-bs-toggle='tooltip' data-bs-placement='bottom' title='"._('Procurar')."'><span class='d-sm-none'>"._('Procurar')." </span><i class='bi bi-search'></i></a></span></li>";
				if (!$uti){
					echo "<li class='nav-item'><a class='nav-link' href='/entrar'>"._('Entrar')."</a></li>";
				} else {
					#Botão para a futura escritura e conversa
					#<li class='nav-item'><a class='nav-link' href='/escritura.php'>"._('Escritura')."</a></li>
					#<li class='nav-item'><a class='nav-link' href='https://conversa.drena.pt' data-bs-toggle='tooltip' data-bs-placement='bottom' title='"._('Conversas')."'><span class='d-sm-none'>"._('Conversas')." </span><i class='bi bi-chat-left-text'></i></a></span></li>
					echo "
					<li class='nav-item d-none d-sm-block'><a class='nav-link' href='/criar' data-bs-toggle='tooltip' data-bs-placement='bottom' title='"._('Criar')."'><span class='d-sm-none'>"._('Criar')." </span><i class='bi bi-plus-square'></i></a></span></li>
					<li class='nav-item'><a class='nav-link' href='/definicoes' data-bs-toggle='tooltip' data-bs-placement='bottom' title='"._('Configurações')."'><span class='d-sm-none'>"._('Configurações')." </span><i class='bi bi-gear'></i></a></span></li>
					";
			
					$num_pedidos = mysqli_num_rows(mysqli_query($bd, "SELECT * FROM ami WHERE b_id='".$uti["id"]."' AND sim=0"));
					echo "<li class='nav-item'><a href='/u/".$uti['nut']."'><img id='fpe' data-bs-toggle='tooltip' data-bs-placement='bottom' title='"._('Perfil')."' class='ms-2 rounded-circle' src='".$url_media."fpe/".$uti['fpe'].".jpg' width='40' height='40'>";
					#Coloca a bolinha de aviso caso haja pedidos de amizade
					if ($num_pedidos){
						echo "<span  class='position-absolute translate-middle-x p-1 bg-primary rounded-circle'>
							<span class='visually-hidden'>Novos pedidos</span>
						</span>";
					}
					echo "</a></li>";
				}
				
			echo "</ul>
		</div>
	</nav>
</header>

<!-- Modal Procurar -->
<div class='modal fade' id='modal_procurar' tabindex='-1' role='dialog' aria-labelledby='modal_procurar_label' aria-hidden='true'>
	<div class='modal-dialog' role='document'>
		<div class='modal-content bg-primary bg-gradient rounded-xl shadow p-5 text-light'>
			<form action='/procurar' method='get'>
				<div class='modal-header'>
					<h1 class='modal-title' id='modal_procurar_label'>"._('Procurar')."<br></h1><br>
				</div>
				<div class='modal-body'>
					<input type='text' class='form-control' name='oq' required placeholder='"._('Ex: utilizador, vídeo, projeto...')."'>
				</div>
				<div class='modal-footer'>
					<button type='submit' class='btn btn-light text-primary'>"._('Procurar')."</button>
				</div>
			</form>
		</div>
	</div>
</div>
";
?>