From 98487eb05b7597aa2e2367051d1cc120c0de0387 Mon Sep 17 00:00:00 2001
From: Viktor Miller <viktor.miller@vihais.com>
Date: Thu, 29 Jan 2026 13:10:36 +0900
Subject: [PATCH] feat: add logout link to provider dashboard header

Add prominent logout button to all dashboard views (main, edit, deactivate)
showing logged-in user name and "Abmelden" (logout) option.

- Header displays "Angemeldet als: [Name]" with logout button
- Logout redirects back to /anbieter-login/ page
- Responsive design: stacks on mobile screens
- Consistent styling across all dashboard views

Fixes Issue 1 from Phase 7 testing: No logout option visible.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 templates/provider-dashboard.php | 82 ++++++++++++++++++++++++++++++++
 1 file changed, 82 insertions(+)

diff --git a/templates/provider-dashboard.php b/templates/provider-dashboard.php
index cfb0f0b..2c2b67a 100644
--- a/templates/provider-dashboard.php
+++ b/templates/provider-dashboard.php
@@ -81,6 +81,15 @@ if ( $is_edit_mode ) {
 
 		?>
 		<div class="ddhh-provider-dashboard">
+			<div class="ddhh-dashboard-header">
+				<div class="ddhh-user-info">
+					<span class="welcome-text">Angemeldet als: <strong><?php echo esc_html( $current_user->display_name ); ?></strong></span>
+				</div>
+				<div class="ddhh-logout-link">
+					<a href="<?php echo esc_url( wp_logout_url( home_url( '/anbieter-login/' ) ) ); ?>" class="logout-button">Abmelden</a>
+				</div>
+			</div>
+
 			<div class="ddhh-job-edit-section">
 				<h2>Stellenangebot bearbeiten</h2>
 				<p><a href="<?php echo esc_url( home_url( '/anbieter-dashboard/' ) ); ?>" class="back-to-dashboard">← Zurück zur Übersicht</a></p>
@@ -185,6 +194,15 @@ if ( $is_deactivate_mode ) {
 	if ( $form_id ) {
 		?>
 		<div class="ddhh-provider-dashboard">
+			<div class="ddhh-dashboard-header">
+				<div class="ddhh-user-info">
+					<span class="welcome-text">Angemeldet als: <strong><?php echo esc_html( $current_user->display_name ); ?></strong></span>
+				</div>
+				<div class="ddhh-logout-link">
+					<a href="<?php echo esc_url( wp_logout_url( home_url( '/anbieter-login/' ) ) ); ?>" class="logout-button">Abmelden</a>
+				</div>
+			</div>
+
 			<div class="ddhh-job-deactivate-section">
 				<h2>Stellenangebot deaktivieren</h2>
 				<p><a href="<?php echo esc_url( home_url( '/anbieter-dashboard/' ) ); ?>" class="back-to-dashboard">← Zurück zur Übersicht</a></p>
@@ -210,6 +228,15 @@ $job_query = new WP_Query( $args );
 ?>
 
 <div class="ddhh-provider-dashboard">
+	<div class="ddhh-dashboard-header">
+		<div class="ddhh-user-info">
+			<span class="welcome-text">Angemeldet als: <strong><?php echo esc_html( $current_user->display_name ); ?></strong></span>
+		</div>
+		<div class="ddhh-logout-link">
+			<a href="<?php echo esc_url( wp_logout_url( home_url( '/anbieter-login/' ) ) ); ?>" class="logout-button">Abmelden</a>
+		</div>
+	</div>
+
 	<div class="ddhh-job-submit-section">
 		<h2>Neues Stellenangebot erstellen</h2>
 		<?php
@@ -317,6 +344,45 @@ $job_query = new WP_Query( $args );
 	padding: 0 1rem;
 }
 
+.ddhh-dashboard-header {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	padding: 1.25rem 2rem;
+	background: #fff;
+	border-radius: 8px;
+	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+	margin-bottom: 2rem;
+}
+
+.ddhh-user-info .welcome-text {
+	color: #374151;
+	font-size: 0.95rem;
+}
+
+.ddhh-user-info strong {
+	color: #111827;
+	font-weight: 600;
+}
+
+.logout-button {
+	display: inline-block;
+	padding: 0.5rem 1.25rem;
+	background-color: #6b7280;
+	color: #fff;
+	text-decoration: none;
+	border-radius: 0.375rem;
+	font-size: 0.875rem;
+	font-weight: 500;
+	transition: background-color 0.2s;
+}
+
+.logout-button:hover {
+	background-color: #4b5563;
+	color: #fff;
+	text-decoration: none;
+}
+
 .ddhh-job-submit-section {
 	margin-bottom: 3rem;
 	padding: 2rem;
@@ -481,6 +547,22 @@ $job_query = new WP_Query( $args );
 }
 
 @media (max-width: 768px) {
+	.ddhh-dashboard-header {
+		flex-direction: column;
+		align-items: flex-start;
+		gap: 1rem;
+		padding: 1rem;
+	}
+
+	.ddhh-logout-link {
+		width: 100%;
+	}
+
+	.logout-button {
+		width: 100%;
+		text-align: center;
+	}
+
 	.ddhh-jobs-table {
 		font-size: 0.875rem;
 	}