<nav class="navbar navbar-expand-md navbar-dark bg-primary fixed-top px-3 py-2 shadow-sm">
    <!-- Left-aligned branding and buttons -->
    <div class="d-flex align-items-center">
        <!-- Logo and App Name -->
        <div class="d-flex align-items-center me-3">
            <a href="{{ url_for('homepage.index') }}" class="d-flex align-items-center text-decoration-none">
                <img src="{{ url_for('static', filename=brandingconfig.HEADER_LOGO) }}" 
                     alt="{{ brandingconfig.APP_NAME }} Logo"
                     class="me-2" style="height: 30px;">
                <span class="navbar-brand mb-0 h1 text-white">{{ brandingconfig.APP_NAME }}</span>
            </a>
        </div>
        
        <!-- Action Buttons -->
        <div class="d-flex gap-2">
            <a href="/create" class="btn btn-sm btn-outline-light" title="Add new item">
                Add New Item
            </a>
            <a href="/import_from_csv" class="btn btn-sm btn-outline-light" title="Bulk-add new items from a CSV file">
                Import from CSV
            </a>
            <a href="/edit_using_csv" class="btn btn-sm btn-outline-light" title="Bulk-update existing items using a CSV file">
                Update with CSV
            </a>
            <form action="/export_csv" method="POST" class="d-inline">
                <button type="submit" class="btn btn-sm btn-outline-light" title="Download all data as a CSV file">
                    Export Data
                </button>
            </form>
        </div>
    </div>
    
    <!-- Right-aligned logout -->
    <div class="ms-auto">
        <a href="/logout" class="btn btn-sm btn-danger" title="Logout">
            Logout
        </a>
    </div>
</nav>